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

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

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

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

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

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

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

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


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

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

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

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


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

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


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

Lea Verou: CSS in the 4th Dimension - JSConf.Asia 2013
觀看次數：430
prism
j
s
doublet
prefix-free
and
css3
I
love
javascript
don't
get
me
wrong
but
don't
need
to
use
javascript
for
animations
so
in
the
olden
days
which
is
minimizing
effect
that
osx
has
if
you've
disappears
it
written
not
tons
of
transitions
that's
case-by-case
basis
do
I
need
to
use
a
always
a
trade-off
it's
a
trade-off
total
of
93
kilobytes
minified
for
now
be
able
to
do
transitions
or
animations
we
have
css
transitions
now
so
i'm
not
happens
abruptly
like
css
21
used
to
be
the
browser
support
for
transitions
and
animations
today
basically
they're
supported
by
almost
every
browser
in
use
degradation
in
mind
this
shouldn't
be
a
it
with
css
transitions
and
animations
another
example
there's
a
div
when
i'm
first
shrinks
horizontally
and
then
about
css
transitions
that
might
seem
to
the
ankle
abruptly
like
in
css
21
start
transitioning
and
you
might
be
specifying
different
transitions
for
it
semi
trans
semi-transparent
black
and
the
browser
that
don't
animate
the
overlay
but
there's
no
animation
for
it
used
this
effect
in
webplatformorg
when
window
immediately
there's
no
animation
and
there's
no
overlay
big
deal
they
can
to
be
hard-coded
so
let's
specify
specify
heightauto
it
doesn't
quite
animatable
states
in
css
css
transitions
and
transforms
it's
all
numbers
even
things
happens
when
you
have
heightauto
to
100
pixels
75%
a
hundred
pixels
there's
no
such
that's
30%
foo
jpeg
and
70%
bar
jpeg
there
is
a
caveat
here
gradients
they're
just
functions
with
colors
and
browsers
are
being
dicks
here
because
you
can't
really
uneme
gradients
today
in
britain
in
today's
browser
you
should
and
it
wasn't
css
values
css
image
can
find
it
on
my
github
with
animations
especially
css
transforms
css
3d
transforms
as
you
can
see
here
showing
it
with
displaynone
in
to
be
somewhere
horizontally
in
the
gracefully
animations
are
not
supported
you
just
detect
whether
transitions
and
transforms
are
supported
and
make
your
transitions
and
animations
in
javascript
can't
do
animations
between
images
but
I
kind
of
lied
you
can't
do
transitions
removed
because
browsers
didn't
that
you
want
an
image
that's
10%
foo
already
started
getting
implementations
chrome
already
supports
this
and
has
just
me
animating
a
css
logo
you
don't
even
there's
no
crossfade
function
in
transitions
so
here
I
have
a
div
when
I
colorblind
and
can't
be
can't
see
the
control
how
the
animation
progresses
one
it
progresses
linearly
which
means
deceleration
it
just
happens
linearly
behavior
by
specifying
the
keyword
speeds
up
towards
the
end
there's
also
because
cubic
bezier
corresponds
to
a
my
github
but
even
though
transitions
loads
the
page
you
can't
do
it
you
can't
about
background
you
can't
be
animating
animations
css
animations
are
more
with
css
transitions
you
should
do
it
with
css
transitions
but
if
you
can't
it
you
can
do
with
css
animations
you
can
javascript
and
css
transitions
so
a
animation
it
has
two
components
it
and
animations
have
two
components
one
and
obviously
the
browser
interpolates
animation
you've
defined
in
this
case
just
keep
on
animating
but
i'm
gonna
like
it's
pounding
but
it
doesn't
look
three
iterations
and
because
chrome
is
flipped
it's
reversed
so
it
goes
whole
animation
is
smoother
and
if
I
there's
also
reverse
which
reverses
instantly
made
it
smoother
and
it
looks
border
animating
from
zero
solid
to
100%
width
animating
and
i've
applied
the
animation
here
but
there's
no
border
I
won't
work
the
shorthand
of
border
width
border
animatable
so
it's
fine
but
border
style
is
not
animatable
you
can't
go
from
none
an
animation
it's
just
either
none
or
it
doesn't
exist
and
since
it
doesn't
style
here
and
reapply
the
animation
so
group
last
year
browsers
haven't
caught
with
ten
frames
of
an
animation
this
is
some
css
code
that
applies
to
this
div
the
boundaries
of
the
d'ivoire
this
is
our
div
it
has
a
width
of
50
pixels
and
have
a
frame-by-frame
animation
I
mean
div
is
basically
functioning
as
a
stripe
do
this
with
a
css
animation
so
our
the
keyframes
rule
browsers
that
don't
support
css
animations
you
just
don't
get
an
let's
tie
the
animation
oh
I
didn't
well
this
is
not
a
frame-by-frame
doesn't
accelerate
and
decelerate
like
sprite
animation
in
css
should
we
use
javascript
actually
no
because
we
don't
just
have
cubic
bezier
easing
functions
animates
the
width
from
0
to
your
final
width
and
this
one
animates
the
caret
hard-coded
in
the
keyframes
rule
but
javascript
and
it's
also
using
the
ch
seen
the
ch
unit
is
corresponds
to
the
when
you
have
monospaced
fonts
like
this
and
in
case
animations
are
not
supported
animation
but
the
text
is
still
legible
when
animations
are
not
supported
it's
Chris
coiour
rotating
as
well
we
don't
we
don't
want
animation
applies
to
each
of
them
so
one
animation
name
override
animation
rotates
an
element
then
translates
it
by
transitions
and
animations
one
of
them
specifies
how
your
animation
behaves
transitions
have
much
worse
browser
support
only
60%
of
browsers
and
prefixed
animations
are
even
worse
only
see
any
of
unprefixed
animations
so
even
right
unprefixed
css
and
it
just
makes

相關影片

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

加入好友

其他人正在學習的單字

1. jump
2024-05-03 16:13
2. goes
2024-05-03 16:13
3. in
2024-05-03 16:13
4. reality
2024-05-03 16:13
5. fairly
2024-05-03 16:13
6. bump
2024-05-03 16:13
7. this
2024-05-03 16:13
8. crawl
2024-05-03 16:12
9. own
2024-05-03 16:12
10. jesus
2024-05-03 16:12
11. lam
2024-05-03 16:12
12. with
2024-05-03 16:12
13. surveillance
2024-05-03 16:12
14. respected
2024-05-03 16:12
15. line
2024-05-03 16:12

本月觀看影片單字排行榜

本月查閱單字排行榜

本月聆聽單字排行榜