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

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

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

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

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

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

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

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


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

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

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

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


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

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


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

EdgeConf 3: Components
觀看次數：675
And
we're
going
to
be
talking
about
components--
that's
fine
So
my
name's
Dan
So
my
name's
Dan
appelquist
I
work
for
telefonica
and
I
do
firefox
stuff
firefox
OS
We
have
nicole
sullivan
from
Pivotal
labs
who
is
a
proponent
of
component
based
systems
And
she's
the
creator
of
Object
Oriented
css
type-o-matic
We
have
alex
komoroske
from
Google
We
have
soledad
penades
from
mozilla
We
have
Peter
gasston
who
is
a
creative
technologist
Tell
us
about
components
web
components
of
web
components
don't
use
that
hashtag
I
corrected
it
Do
use
that
hashtag
I
corrected
it
it's
OK
I
tweet
@stopsatgreen
I
write
for
broken-linkscom
And
i'm
a
technologist
and
front
end
is
web
components
we've
been
copying
other
people's
stuff
I
learned
by
copying
other
people's
stuff
become
quite
cumbersome
to
copy
other
people's
stuff
to
make
it
more
shareable
to
make
it
more
reusable
And
it's
been
even
more
formalized
to
code
our
own
carousel
5000
times
And
these
are
kind
of
template
constructors
scalable
systems
but
just
based
on
this
idea
of
copying
So
web
components
is
kind
of
a
formalization
So
where
the
goal
is
reusability
the
answer
is
web
components
And
we've
had
things
like
inputs
If
you
say
input
type=range
it
outputs
for
you
a
ui
element
before--
Google
Maps
the
ajax
calls
the
videos--
But
once
you've
written
this
that's
These
are
called
html
imports
they're
just
like
including
a
javascript
file
But
it's
using
snippets
of
html
markup
it's
the
dom
inside
the
dom
that's
hidden
from
the
user
in
most
instances
aren't
part
of
the
web
components
spec
If
you
look
in
chrome
nightly
or
the
dev
channel
web
components
do
nowadays
chuckling
there's
these
two
libraries
called
polymer
and
x-tags
they're
both
public
but
one's
kind
of
driven
by
Google
and
one
kind
of
driven
by
mozilla
polymer
has
its
polymer
Core
which
x-tags
has
its
x-tag
Core
a
proliferation
of
crap
that's
not
a
reason
to
stop
viewing
them
accessibility
and
internationalization
for
that
intro
hopefully--
yes
thank
you--
and
to
ask
yoav
weiss
Hi
html
imports
can
include
other
imports
to
get
a
ui
into
the
browser
it's
server-rendered
html
every
time
is
called
isomorphic
javascript
because
it's
blocked
on
the
javascript
execution
you
might
have
a
complex
interdependency
if
you
do
block
those
contacts
as
you're
PETE
HUNT
Yeah
i'm
actually--
I
think
I
like
html
imports
alex
komoroske
As
with
many
tools
in
the
inaudible
nicole
sullivan
Do
you
mean
that
you
alex
komoroske
Again
it's
extra
tools
But
they're
what
we've
got
who
are
using
polymer
and
x-tags
soledad
penades
I
have
to
say
I
mean
and
reanimate
it
with
javascript
So
i'm
just--
DAN
appelquist
I
hate
that
alex
komoroske
I
think
that's
the
point
alex
komoroske
I
want
to
come
back
who
were
big
proponents
of
server
side
rendering--
alex
komoroske
Yeah
DAN
appelquist
OK
alex
komoroske
Another
thing
too
But
it's
also
we're
identifying
use
cases
we
can
do
optimizations
in
the
engine
nicole
sullivan
it's
sort
of
interesting
there
bootstrap
or
jquery
ui
or
Object
Oriented
css
any
solved
those
50
things
like
tabs
and
carousel
DAN
appelquist
Maybe
you
can
bookmark
that
save
it
responsive
design
Given
that
many
queries
are
often
inaudible
components
how
do
components
play
well
with
responsive
design
approaches
to
soledad
first
soledad
penades
OK
I
think
that
you
shouldn't
be
building
components
Like
if
you're
inputing
your
component
with
statics
It
should
be
about
functionality
it's
not
going
to
be
reusable
which
is
what
you
are
actually--
alex
komoroske
And
I
think
actually
there's
cases
where
you
don't
want
styling
or
you
don't
want
to
be
too
opinionated
here
for
opinionated
ui
components
soledad
penades
Yeah
but
you
can't
really
alex
komoroske
So
you
say
burden
I
say
it's
empowering
developers
why
don't
we
just
ship
carousel
spec
carousel
and
ship
it
field
as
browser
vendors
in
browsers
maybe
that
is
a
target
for
standardization
that
browsers
have
Or
they're
really
used
to
an
android
browser
level
components
on
android
so
that
inaudible
DAN
appelquist
All
right
DAN
appelquist
So
the
question
is
about--
i'm
trying
to
restate
it
without
restating
it
Because
having
responsive
components
And
it's
been
floated
many
times
nicole
sullivan
So
basically
any
time
query
on
a
particular
element's
width
DAN
appelquist
Good
we
have--
sorry
if
i'm
mispronouncing
your
name--
but
narciso
jaramillo
what
soledad
and
nicole
were
saying
going
to
be
usable
for
people
inaudible
devices
So
is
there
anything
architecturally
make
too
many
assumptions
about
inaudible
is
going
to
be
DAN
appelquist
alex
quick
thoughts
alex
komoroske
it's
up
to
the
component
author
there's
going
to
be
a
spectrum
of
opinionated
ui
components
and
how
if
i've
got
a
component--
like
inaudible
responsive
sites
would
you
decorators
which
are
html
markup
applied
with
css
is
joshua
Peek
joshua
PEEK
Hi
i'm
wondering
how
web
components
fit
into
csp
polymer
and
other
polyfills
make
use
of
eval
and
html
imports
inaudible
declare
the
scripts
in
line
alex
komoroske
So
again
we're
adding
some
new
tools
For
example
chrome
apps
has
a
very
restrictive
csp
with
the
templates
there's
a
version
of
our
vulcanize
tool
soledad
penades
I
think
we
should
be
fine
restrictions
it's
just
through
javascript
it's
not
different
javascript
alex
komoroske
And
there
are
a
number
of
attack
vectors
For
example
if
you
don't
use
csp
inaudible
effectively
there's
attack
vectors
on
the
web
today
If
you're
using
someone
else's
hosting
of
the
components
DAN
appelquist
No
So
now
i'm
going
to
ask
stewart
cox
stewart
cox
So
do
you
think
web
components
nicole
sullivan
So
i'm
probably
going
semantic
value
in
accessibility
not
junkie
but
presentational
markup
basically
what's
going
on
you
can
take
that
presentational
gunk
that's
because
the
components
that
we're
they're
great
there's
no
carousel
built
into
the
browser
nicole
sullivan
Maybe
for
the
carousel
there
shouldn't
be
alex
komoroske
But
i'm
saying
this
represent
them
more
semantically
in
ways
in
the
inaudible
DAN
appelquist
I
got
remy
in
the
queue
Brick
polymer
and
so
on
we're
rushing
great
web
components
we're
repeating
old
mistakes
But
we're
repeating
the
same
mistakes
nicole
sullivan
But
there's
no
such
thing
is
there
But
opengl's
a
very
performant
API
we'll
always
take
the
shortest
route
Or
we're
great
at
just
ripping
off
other
people's
code
alex
komoroske
remy
this
is
a
very
complex
topic
Like
I
can't
do
it
effectively
in
abstractions
when
we're
using
web
components
doesn't
it
affect
maintainability
alex
komoroske
I
think
using
web
components
And
please
make
sure
your
selectors
don't
accidentally
I
don't
know
if
anyone
else--
as
I
said
a
proliferation
of
crap
DAN
appelquist
that's
the
web
proliferation
of
crap
all
so
enamored
with
PETER
gasston
Right
So
I
think
that
that's
solving--
nicole
sullivan
Well
except
that
When
someone's
just
learning
css
they're
going
to
make
1000
mistakes
before
they're
ready
to
write
something
that's
really
encapsulated
where
you
can't
encapsulate
it
right
PETE
HUNT
i'm
speaking
from
a
very
facebook-specific
alex
komoroske
But
also
that's
hard
for
just
even
for--
DAN
appelquist
Before
we
move
on
to
the
next--
with
components
reusable
things
and
they
work
great
Guy
from
akamai
at
the
async
widgets
anything
that
didn't
ship
as
async
widget
before
Google
inaudible
alex
komoroske
To
be
clear
html
imports
PETER
gasston
inaudible
And
it's
predictability
I
don't
think
baking
more
functionality
DAN
appelquist
we're
going
to
move
on
lasinski
what's
the
story
of
internationalization
of
components
have
to
have
hooks
for
internationalization
alex
komoroske
Again
this
is
an
area
But
we
are
experimenting
with
a
number
of
approaches
on
polymer
but
we've
been
building
component
architectures
And
it's
made
internationalization
say
hey
this
is
my
internationalized
text
label
need
internationalized
text
internationalization
a
lot
easier
to
make
that
internationalized
alex
komoroske
So
one
metapoint
I
want
to
make
is
that
because
web
components
get
this
interoperability
very
cheaply--
I
think
x-tags
and
Brick
interopting
isn't
accessible
or
isn't
internationalizable
Whereas
with
web
components
it's
easier
nicole
sullivan
Well
sure
and
that's
it
if
the
browser
you're
using
ships
Shadow
dom
custom
elements
html
imports
et
cetera
as
browsers
ship
those
natively
soledad
penades
Back
to
the
topic
for
internationalization
DAN
appelquist
Say
inaudible
soledad
penades
Yeah
Or
inaudible
And
it
translates
things
nicole
did
you
want
to--
no
How
could
web
components
be
used
to
enhance
accessibility
alex
komoroske
So
accessibility's
Actually
alice
boxhall
who's
going
on
the
chrome
accessibility
team
DAN
appelquist
And
we
shouldn't
rathole
too
much
into
general
accessibility
issues
that
have
cropped
up
around
accessibility
to
create
accessible
internationalizable
components
And
so
actually
accessibility
is
nicole
sullivan
it's
hard
to
see
it
getting
better
alex
komoroske
So
the
best
practices
as
a
fallback
if
for
some
reason
inaudible
PETE
HUNT
So
i'm
the
world's
biggest
dom
hater
here
at
Facebook
that
matches
our
interface
guidelines
and
it's
like
a
zillion
lines
of
code
and
then
a
zillion
there
you'll
see
that
they've
got
aria
roles
in
there
Because
people--
Because
there's
a
lot
of
accessibility
thrown
around
here
by
non-experts
DAN
appelquist
And
we're
going
to
talk
about
aria
DAN
appelquist
OK
that's
what
I
thought
related
to
this--
OK
yes
jeremy
is
exposing
hooks
for
example
to
assistive
technology
But
to
say
then
we're
all
sorted
using
a
small
pool
of
accessibility
hooks
which
alex
komoroske
I
agree
with
the
person
that
i'm
not
an
expert
in
accessibility
to
the
accessibility
panel
And
it's
not
just
styling
specific
bits
of
functionality
nicole
sullivan
I
think
you're
also
bringing
up
I
mean
yes
we're
not
accessibility
experts
phrased
like
you
have
accessibility
on
the
web
today
How
does
that
apply
to
polymer
components
Is
there
anything
polymer
and
just
web
components
make
accessibility
better
alex
komoroske
Not
an
accessibility
expert
so
I
guess
that's--
DAN
appelquist
remy
I
see
your
hand
up
in
christian's
accessibility
panel
as
well
it's
a
long-y
you
consider
polyfills
like
polymer
or
x-tags
of
web
components
nicole
sullivan
I
couldn't
hear
that
DAN
appelquist
polyfills
of
web
components
within
browsers
in
general
alex
komoroske
I
think
it
will
help
it'll
help
the
adoption
in
other
browser
vendors
And
then
when
it's
supported
natively
nicole
sullivan
And
different
versions
of
jquery
The
version's
not
a
problem
because
they're
nicole
sullivan
Sure
but
that's
a
lot
of
components
components
where
they're
all
pulling
in
javascript--
there
is
jquery
but
from
different
locations--
alex
komoroske
So
one
of
the
cool
things
about
html
and
it
won't
be
re-downloaded
twice
You
don't
want
to
use--
because
you've
got
different
web
components
DAN
appelquist
let's
get
x-tag's
perspective
on
this
soledad
penades
I
think
it's
pretty
much
the
same
the
components
you
want
they're
huge
soledad
penades
it's
a
big
process
and
we
dedupe
and
alert
when
there's
different
versions
AUDIENCE
you're
using
your
own
web
components
So
you're
not
using
anyone
else's
nicole
sullivan
And
they
also
have
polymer
and
x-tags
use
the
same
layer
of
polyfills
below
nicole
sullivan
I
don't
see
how
that's
true
though
alex
komoroske
Not
necessarily
DAN
appelquist
In
a
world

相關影片

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

加入好友

其他人正在學習的單字

1. devise
2025-05-24 01:39
2. just
2025-05-24 01:38
3. voice
2025-05-24 01:38
4. by
2025-05-24 01:36
5. onto
2025-05-24 01:36
6. real
2025-05-24 01:34
7. years
2025-05-24 01:34
8. previous
2025-05-24 01:34
9. guess
2025-05-24 01:34
10. week
2025-05-24 01:34
11. images
2025-05-24 01:34
12. other
2025-05-24 01:33
13. these
2025-05-24 01:33
14. much
2025-05-24 01:33
15. share
2025-05-24 01:33

本月觀看影片單字排行榜

本月查閱單字排行榜

本月聆聽單字排行榜