系統設計者的話：學英文根本不用背，你講中文，你有在背中文嗎？學英文也是一樣的道理，那是自然而然就會的東西，用背的方式最後肯定都是不行的。 更多...

最好的學習就是有英文的父母，不斷的跟你說話、耐心的教導你，時間長了，你也就慢慢就融入其中了。

但是我們沒有英文父母怎麼辦？看影片學英文就學的起來嗎？學不起來。

我們從小到大，也看過了不少英文電影，至少也看過1、200部也跑不掉，但是為什麼看了這麼多的英文電影，英文還是很爛呢？

主要的原因是我們沒有從基礎性的強化學習。舉個例子，西方的幼兒出生時，他至少聽了各種大人講英文至少聽了2年，才慢慢開始說英文、與大人互動。

而且都是一字一句慢慢的說、慢慢的教、漸進式的、慢慢的、越來越習慣、越來越聽的懂、越來越會說的過程。

那麼我們看的影片、電影過程中，都是大人成熟型的講話速度、方式、語調，我們怎麼可能跟的上？

一旦跟不上，思想中就會產生覺的好難哦、我不行種種念頭，那麼產生了這種潛在式的排斥心理作用，那麼你就更難學的會了。


所以我們必須打好基礎、深厚的基礎，萬丈高樓平地起，唯有打下深厚的基礎，後面你走的路才會越來越順。

程式界裏有句話，程式債欠的越多，最後就只能放棄。學英文也是一樣，英文單字債欠的越多，你就直接上來文法、句型、語調，最後也只能放棄。

基於上述的思維，我打造了這套系統，從最基礎的單字學習起，不斷的強化、加深你對這個單字的聽力，透過各式各樣的影片、各式各樣的人、各種不同的場景。

就只是為了訓練一個單字的聽力，無數的人跟你講同一個單字，講個20遍、50篇、100遍(且不重覆)，我就不信學不起來。


這套系統做出來後，我自己在使用的過程中，確實真的能聽出來他們講的這個單字，而且他們講的速度再快也能聽的出來。

能聽的出來，就知道他講的大概意思；能夠知道他講的大概意思，就能夠用幾個簡單的單字回應；能夠回應，也就能夠對話；當能夠對話，就能夠再修正文法、句型、語調。


我的目地就是希望自己至少能聽的懂人家在說什麼，用英文跟人家對話，大家共同努力、學習。若有其它想法或對這套系統設計的建議，也可以與我聯絡：ichich2013@gmail.com

"Alice in Web Animations API Land" - Rachel Nabors
觀看次數：371
of
you
use
css
animations
how
many
of
you
use
a
javascript
animation
library
with
motion
design
systems
and
animating
their
user
interfaces
I
worked
with
not
even
room
for
illustrations
it's
comics
understanding
comics
reinventing
comics
if
you
haven't
read
it
it's
a
godfather
of
the
future
of
comics
and
he
reinventing
comics
which
was
all
about
don't
need
flash
I
can
use
javascript
electroclash
rock
band
although
i'm
a
declarative
they're
not
very
interactive
if
you
want
to
do
interactive
animations
a
mochis
we
don't
have
a
lot
of
interactive
animation
libraries
but
we
because
browsers
let's
face
it
browsers
were
designed
for
scrolling
animation
scrolling
so
when
css
animations
and
transitions
came
out
of
course
browsers
it's
a
it's
a
document
reader
it's
a
to
change
so
before
css
animations
and
this
thing
called
synchronized
multimedia
integration
language
that's
a
engines
smile
and
css
animations
and
transitions
and
each
these
are
33
the
browsers
are
interpreting
these
in
animation
specifications
and
any
future
would
bring
animation
to
the
browser
and
drafting
spec
authors
finally
are
explorer's
like
oh
edge
doesn't
have
to
animation
in
browser
dev
tools
for
animations
API
to
make
timelines
tools
so
I
teamed
up
with
the
mozilla
animations
API
land
so
let's
get
start
now
the
web
animations
API
is
time-based
all
the
animations
must
have
durations
currently
these
durations
create
timelines
let's
talk
a
little
bit
about
the
cheshire
Cat
now
let's
say
the
makes
a
timeline
and
it's
create
way
down
to
milliseconds
so
any
very
performant
because
it
means
it's
inherently
see
keable
and
searchable
and
forwards
scaled
reverse
paused
easily
run
animations
at
forwards
or
keable
animations
you
can
plunk
down
timeline
so
here's
an
example
of
the
css
animations
as
we
add
cats
each
animations
an
animation
connects
a
single
tween
to
the
timeline
what
is
a
it
inside
that
animation
you
can't
play
the
web
animation
API
runs
all
animation
it
does
that
with
css
animations
now
i'm
grasp
of
css
animations
and
transitions
keyframe
effect
let's
make
one
a
to
make
some
css
animations
using
the
web
animations
API
i'll
show
you
how
the
as
keyframes
not
keep
poses
because
you're
not
always
animating
animals
that
would
pose
you're
animating
interfaces
frustrations
keys
and
the
tweens
the
animation
model
keyframe
effect
handles
the
key
poses
the
animation
model
it's
up
to
it
to
those
tweens
it
interpolates
those
now
wonderland
this
is
a
css
transition
the
web
animations
API
you
can't
even
keyframe
object
that
i'm
passing
it
it's
with
the
film
modes
for
words
sweetness
called
rabbit
down
keyframes
now
here's
phil
mode
their
css
counterparts
if
this
if
this
head
here's
a
refresher
duration
is
well
familiar
phil
is
phil
mode
iterations
animation
timing
function
it's
it's
what
we
all
know
it
is
it's
easing
its
easing
seen
this
one
before
it's
milliseconds
to
delay
after
an
animation
has
ended
aren't
implemented
on
any
browsers
yet
animation
object
we
have
a
keyframe
animation
object
we're
going
to
take
this
keyframe
and
we're
going
to
do
that
take
rabbit
down
keyframes
we're
a
timeline
we're
going
to
pass
it
the
of
timeline
right
now
it's
your
your
scrolling
position
iterations
of
the
web
animations
API
to
timelines
will
be
open-ended
they
don't
halfway
to
completing
an
animation
but
browser
does
it
how
all
browsers
will
be
examples
of
css
animations
so
i'm
going
animations
won't
like
I
am
you
may
have
handled
this
learning
how
to
do
css
animations
so
let's
try
doing
an
animation
next
have
two
css
animations
happening
on
alice
we
have
another
animation
alice
is
rotating
all
right
okay
cool
I
alice
is
rotating
but
she's
also
she's
rotating
but
she's
also
changed
in
animation
alice
tumbling
it's
running
transforms
to
a
kind
of
a
burgundy
and
3
2
it
can
take
math
it's
javascript
its
milliseconds
unlike
css
it
does
not
take
javascript
everything
is
milliseconds
if
you're
not
using
milliseconds
in
your
it
will
make
parsing
into
web
animations
iterations
we
use
the
javascript
keyword
documentgetelementbyid
e
alice
animate
we
pass
it
the
alice
tumbling
keyframes
better
timelines
and
callbacks
surely
that's
right
animation
the
web
lets
you
know
it's
read-only
you
use
whether
your
animation
is
paused
running
or
reversing
playback
rate
we'll
talk
we're
going
to
use
those
so
there's
a
animations
API
let's
make
a
game
with
for
keyframe
effect
now
clicking
or
it
by
two
so
we're
setting
her
playhead
playback
controls
so
we've
got
the
timeline
and
we
want
to
set
the
playhead
playhead
on
that
timeline
sending
it
know
forwards
so
let's
start
with
back
about
playback
raids
if
you
pass
and
she'd
run
backwards
twice
as
fast
of
the
animations
not
just
for
alice
but
that
the
animations
don't
just
keep
event
listeners
for
Mouse
up
now
we've
have
endings
there
have
to
be
outcomes
with
timelines
because
now
we've
got
two
timelines
for
both
the
animations
on
the
animation
she
is
too
big
let's
play
playhead
with
her
overall
timeline
playhead
we
find
alice's
playhead
by
that
we
stop
alamy
her
animation
after
hard
to
do
with
css
animation
randomization
and
I
know
you
can
want
to
randomize
for
each
new
user
on
variables
or
randomization
spec
that
can
got
there
sprite
animation
but
in
here
backwards
if
she
goes
too
slowly
i'm
starting
to
ship
in
firefox
and
chrome
on
github
you
are
encouraged
file
bugs
it
is
maintained
by
people
from
firefox
it's
wonderful
it's
pretty
browser's
animation
engine
there's
no
need
for
raf
requestanimationframe
idea
is
that
browsers
can
optimize
the
export
to
for
other
tools
to
interface
more
implementations
means
even
better
tools
this
is
chrome's
timelines
which
I
level
two
which
introduces
grouping
and
animation
is
all
animation
is
is
time
future
animation
specs
ones
we
haven't
neighbors
calm
/w
aap
I
web
animations
animations
API
we've
got
our
own
hashtag

相關影片

加Line好友 每日8AM 推播1單字

加入好友

其他人正在學習的單字

1. money
2024-05-02 23:56
2. call
2024-05-02 23:56
3. code
2024-05-02 23:56
4. dot
2024-05-02 23:56
5. writing
2024-05-02 23:56
6. point
2024-05-02 23:56
7. college
2024-05-02 23:56
8. log
2024-05-02 23:56
9. nine
2024-05-02 23:55
10. jean
2024-05-02 23:55
11. stocking
2024-05-02 23:55
12. passed
2024-05-02 23:55
13. dairy
2024-05-02 23:55
14. gives
2024-05-02 23:55
15. during
2024-05-02 23:55

本月觀看影片單字排行榜

本月查閱單字排行榜

本月聆聽單字排行榜