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

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

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

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

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

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

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

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


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

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

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

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


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

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


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

Using Web Components to Build PWAs (Progressive Web App Summit 2016)
觀看次數：398
progressively
enhancing
your
markup
it's
a
tee
vital
on
twitter
and
github
I
developers
chrome
comm
polymers
website
chromestatuscom
santa
trackers
on
a
components
all
these
emerging
standards
reuse
reusability
these
are
really
good
it's
not
just
one
API
it's
it's
a
few
bit
so
there's
web
components
org
which
got
people
they're
contributing
that's
also
where
the
polyfills
are
hosted
if
resource
but
browser
supports
actually
but
browser
supports
been
lacking
and
so
components
in
the
past
all
the
concepts
a
flag
over
at
firefox
Wilson
paige
so
that's
two
browsers
this
year
alone
is
playing
a
crazy
catch-up
implementing
all
these
things
serviceworker
push
a
lot
a
needless
library
that
we
don't
polyfill
the
other
reason
browser
javascript
some
use
more
html
and
components
is
here
for
it's
here
to
have
create
reusable
components
so
a
web
should
be
selected
and
it's
got
div
for
it's
very
readable
and
very
clear
what's
integrated
with
the
browser
were
we're
integrated
with
the
platform
in
it's
got
a
panels
property
and
it's
got
updated
panels
we
can
call
that
and
it
we're
integrated
with
the
tools
and
the
it's
a
developer
feature
it's
for
us
it's
not
a
fancy
feature
like
webrtc
or
ergonomics
it's
for
you
guys
to
produce
a
reusable
code
so
let's
dive
in
let's
html
so
let's
build
a
button
there's
no
it's
got
a
lot
of
great
built-in
it
submits
the
form
and
participates
in
ripple
animation
when
the
user
clicks
on
applies
but
we're
just
gonna
have
a
effect
that's
that's
the
extra
functionality
we're
adding
to
the
button
have
to
add
their
own
tabindex
equals
that's
reusable
so
the
first
thing
i've
javascript
properties
we're
going
to
to
define
a
getter
and
a
setter
for
in
in
javascript
we're
going
to
actually
javascript
they'll
actually
update
the
browser
is
going
to
do
if
it
observes
a
adding
this
functionality
ourselves
tabindex
0
at
that
time
and
disconnected
just
grows
and
fades
out
protip
i'm
creating
a
reusable
component
that's
self-contained
might
as
well
tell
the
browser
to
optimize
this
for
so
it
little
bit
of
functionality
and
components
defined
it's
es6
class
the
last
thing
we
progressively
enhance
what's
already
don't
we
just
progressively
enhance
the
functionality
in
this
case
it's
that
ripple
animation
with
the
click
handler
we've
done
a
lot
right
we've
think
we've
made
a
custom
element
it's
reusable
it's
that
doesn't
have
any
functionality
and
you're
progressively
enhancing
it
to
have
functionality
we've
taken
advantage
and
filtering
widgets
are
components
and
users
sort
and
filtering
so
that's
how
instantaneously
it
paints
the
browser
painting
pixels
html
css
very
small
is
the
components
fade
in
we'll
see
that
supercharged
api
they
fade
in
it's
the
css
colon
defined
so
you
can
styling
that
papertabs
that's
selecting
of
replicate
the
styles
that
papertabs
defined
pseudo
class
our
element
will
in
when
they're
they're
ready
sorting
and
filtering
section
that's
got
on
the
page
ready
to
go
everything's
they're
styled
to
look
like
a
codelab
point
that's
when
the
card
sorting
filtering
API
in
it's
sorting
API
that's
enhancement
so
let's
think
about
what
of
time
we've
created
a
reusable
leaking
right
that's
this
ripple
div
that
we're
creating
dynamically
is
kind
of
mucking
with
the
user's
dom
it's
browser
magically
knows
to
render
this
thing
as
a
drop-down
widget
and
select
drop-down
you
get
this
multi
select
webbed
of
the
the
native
browser
vendors
markup
you
want
in
our
case
we're
selectors
aren't
going
to
bleed
out
into
selectors
here
i've
changed
better
-
ripple
div
has
gotten
simpler
we're
just
we're
defining
a
slot
with
the
name
icon
and
a
settings
text
so
I
think
of
level
of
functionality
and
customization
of
customization
the
answer
here
is
to
they'll
define
in
this
case
they're
defining
the
button
padding
and
they're
animation
we're
going
to
create
and
so
it's
progressively
enhanced
from
the
talked
about
baked
in
its
self-contained
using
dom
and
css
scoping
of
shadow
dom
it's
also
configurable
so
we
can
have
html
and
they
can
also
configure
the
css
excited
about
web
components
cuz
it

相關影片

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

加入好友

其他人正在學習的單字

1. sets
2024-05-07 08:39
2. sat
2024-05-07 08:39
3. learn
2024-05-07 08:39
4. sink
2024-05-07 08:39
5. pair
2024-05-07 08:39
6. for
2024-05-07 08:39
7. nine
2024-05-07 08:38
8. any
2024-05-07 08:38
9. frequent
2024-05-07 08:38
10. observed
2024-05-07 08:38
11. extension
2024-05-07 08:38
12. marks
2024-05-07 08:38
13. posture
2024-05-07 08:38
14. hurry
2024-05-07 08:38
15. up
2024-05-07 08:38

本月觀看影片單字排行榜

本月查閱單字排行榜

本月聆聽單字排行榜