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

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

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

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

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

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

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

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


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

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

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

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


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

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


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

CSSconf EU 2015 | Lea Verou: The Missing Slice
觀看次數：492
so
hi
again
i'm
lea
discussing
issues
of
decreasing
been
exploring
the
wondrous
world
of
i'm
doing
a
human-computer
interaction
blackboards
and
of
course
there
they're
show
percentages
or
just
as
spinners
to
it's
surprisingly
difficult
to
make
them
let's
try
skew
transforms
so
we
start
50%
left
50%
and
let's
give
it
a
padding
of
50%
let's
give
this
overflowhidden
so
that
scape
like
most
times
the
1
25%
won't
be
let's
try
skewing
transform
so
we're
percentages
over
50%
so
we
can
we
can
code
that's
maintainable
or
or
even
extensible
that's
not
as
important
but
good
thing
if
it's
also
extensible
and
javascript
we
can
only
set
inline
Styles
yes
with
css
variables
that
won't
be
a
variables
have
pretty
bad
browser
heuristic
and
it's
just
a
heuristic
commented
it's
just
a
rule
of
thumb
the
to
skew
the
pseudo-element
example
is
usually
it's
not
maintainable
and
extensibility
is
how
easy
it
is
to
add
multiple
segments
what
if
I
don't
want
can
I
color
the
segments
with
gradients
in
the
case
of
the
skewed
suellen
pseudo
most
importantly
extensibility
wise
I
try
to
secure
transforms
it
didn't
work
also
magenta
f06
let's
set
this
and
I
either
solve
it
this
by
overflowhidden
vertically
so
I
let's
think
about
it
I
zero
has
has
no
rounding
horizontally
vertically
it's
fifty
percent
so
there
so
it's
a
semicircle
now
and
this
is
to
the
show
percentages
over
50
percent
to
show
percentages
over
50
percent
is
places
so
that's
not
very
maintainable
is
10%
and
a
corresponds
to
point
one
math
with
angles
20%
30%
and
so
on
and
corresponds
to
zero
turns
and
60%
is
two
key
frames
the
browser
generates
the
caller
doesn't
actually
abruptly
it
to
abruptly
change
it's
50%
so
what
just
tell
the
browser
stop
the
animation
50
percent
stop
the
animation
at
80
interpolation
is
when
you
is
figuring
let's
let's
examine
it
first
on
a
simpler
animation
let's
write
the
keyframes
rule
here
let's
call
it
foo
you'll
see
a
lot
of
f06
here
it's
my
f06
which
poses
our
animation
okay
big
deal
it
may
delay
your
animation
by
a
bit
so
we've
animated
but
your
normal
animation
an
animation
delay
of
one
second
would
animation
and
if
your
animation
is
animation
so
let's
try
this
let's
use
that
seconds
here
and
animation
delay
correspond
to
percentages
so
this
is
50%
it's
just
that
it's
paused
but
it's
it's
the
animation
shorthand
so
you
can
just
animation
delay
first
we
remove
the
infinite
iterations
because
we
don't
remember
dry
and
animation
delay
let's
durations
don't
really
matter
anymore
let's
pause
it
let's
set
a
delay
of
say
this
is
inside
the
pseudo-element
we
can't
set
inline
styles
and
pseudo
we
don't
have
an
animation
on
the
main
element
do
we
so
animation
delay
on
the
thank
you
so
rotated
pseudo-element
affordable
you
can't
have
multiple
segments
that's
a
pretty
big
limitation
50
horizontally
and
C
and
0
vertically
on
the
coordinate
system
of
the
svg
here's
another
svg
it's
it's
an
it's
an
html
element
as
well
it's
an
inline
svg
defined
its
units
as
64
width
and
64
because
that's
rays
cool
let's
remember
so
there's
our
animation
just
one
line
one
simple
animation
one
line
two
it's
zero
specificity
so
they're
kind
of
like
any
css
to
this
it's
a
the
it
overrides
only
it's
the
shortest
solution
we've
accessibility
any
svg
element
can
have
a
it's
not
a
great
syntax
but
it's
about
kony
gradients
in
the
context
of
pickers
segments
well
easy-peasy
there
you
go
even
have
repeating
gradients
which
may
checker
boards
with
conic
gradients
so
browser
support
microsoft
has
put
it
on
the
backlog
the
parent
selector
yeah
that's
that's
microsoft's
user
voice
which
actually
apply
to
connect
gradients
it
applies
to
browser
implements
connect
gradients
so
have
you've
seen
that
my
slides
are
don't
get
hub
and
there's
even
it
works
with
prefix-free
but
there's
also
a
post
css
plugin
we're
using
the
same
code
you
experiment
with
conic
gradients
so
after
visualization
he's
written
tons
of
books
instantly
well
yes
this
applies
when
you
percentages
maybe
three
and
they're
not

相關影片

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

加入好友

其他人正在學習的單字

1. some
2024-05-05 18:30
2. fascinated
2024-05-05 18:29
3. rare
2024-05-05 18:29
4. fails
2024-05-05 18:29
5. new
2024-05-05 18:29
6. seal
2024-05-05 18:29
7. shatter
2024-05-05 18:29
8. toy
2024-05-05 18:29
9. about
2024-05-05 18:29
10. costume
2024-05-05 18:29
11. God
2024-05-05 18:29
12. spinner
2024-05-05 18:29
13. reached
2024-05-05 18:29
14. chuck
2024-05-05 18:29
15. complexity
2024-05-05 18:29

本月觀看影片單字排行榜

本月查閱單字排行榜

本月聆聽單字排行榜