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

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

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

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

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

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

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

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


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

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

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

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


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

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


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

Streaming Service Workers: Live Code Session - Supercharged
觀看次數：592
time
for
"supercharged"
Hi
i'm
surma
surma
And
today
we're
going
to
do
some
streaming
Service
and
more
hair
and
eventually--
surma
i'm
going
to
have
a
fro
and
it's
going
a
blog
with
a
streaming
Service
Worker
surma
So
what--
I
mean
I
know
streams
that
all
streams
worker's
still
busy
surma
So
something
could--
If
you're
onscreen
quickly
and
keep
surma
OK
yeah
as
one
person
usually
does
on
the
"supercharged"
livestream
So
i'd
say
let's
just
get
into
it
and
see--
surma
hashtag
shameless
self-plug
JAKE
Yeah
it's
a
self-plug
JAKE
--that
doesn't
have
any
of
the
kind
surma
Yeah
Express
in
the
past
so
it
shouldn't
be--
surma
I
see
it's
not
going
to
have--
surma
Oh
the
typical
blocked
path
thing--
surma
--with
a
weird
regex
or
whatever
that's
not
even
the
proper--
it
is
a
regex
isn't
it
and
then
that's
the
regex
for
it
The
templating
system
i'm
using
is
nunjucks
surma
Oooh
templating
language
isn't
it
surma
I
think
they're
called
nunchucks
in
python
surma
Ninja
JAKE
So
i'm
coming
from
django
templating
language
JAKE
Well
that's
the--
Like
if
you're
lazy
you're
going
to
automate
whatever
you
can
automate
surma
The
buttery
biscuit
base
surma
I
see
Worker
TO
this
project--
I
thought
well
i'm
not
going--
get
a
caching
inaudible
because
we
keep
seeing
websites
that
use
caching--
and
try
to
do
this--
like
with
cache
busting
whenever
that's
kind
of
preprepared
because
a
lot
of
sites
No
cache
surma
we're
going
to
put
in--
repository
that
we
have
for
our
"supercharged"
episodes
surma
Yes
and
it's
something
that--
tools"
I
always
go
for
the
right-click
He
always
clicks
it's
like--
uh
it's
not--
So
it's
not
that
i'm
bad
at
spelling
let's
just
do
mumbling
surma
isn't
it
called
consolelog
surma
Oh
so
you
don't
have
like--
to
them
automatically
surma
Oh
the
revisioning
surma
Yes
So
you
don't
need
to
be
revisioning
it
surma
I
think
every
browser
will
recheck
after
24
hours
no
matter
what
the
caching
header
is
Go
up
one
level
because
we're
currently
surma
Sorry
JAKE
Look
i've
got--
surma
He
has
notes
The
only
reason
i'm
asking
is
I
always
do
responsesendfile--
surma
--which
is
the
lazy
way
but
I
surma
I
see
surma
Why
not
JAKE
spoilers
Personally
I
don't
ever
use
a
debugger
because
it
doesn't
actually
debug
with--
it's
you
surma
that's
what's
called
progressive
enhancement
So
scripts
don't
have
strict
mime
type
checking
will
be
just
straight-up
declined
if
it
doesn't
have
application/javascript
Oh
well
it
needs
to
be
one
of
the
valid
javascript
mime
surma
OK
yaeh
surma
Does
it
work
offline
yet
surma
Amazing
let's
do
that
So
i'm
going
to--
to
always
type
selfaddeventlistener
and
selfskipwaiting
whatever
that
is
the
blog
work
offline
So
we
can
see--
can't
even
see
the
path
icons
anymore--
the
path
icons--
it
says
user
is
offline
surma
Perfect
surma
Well
it's
not
streaming
yet
JAKE
Not
really
streaming
surma
Maybe
So
this
in
the
templates
here
i'm
going
to
create
offline
So
this
is--
surma
Yeah
OK
So
yes
i'm
going
to
add
offlinehtml
of
the
other
inaudible
assets
and
I
am
And
it's
the
offline
one
well
hopefully--
because
the
server's
So
we've
got
like
offlinehtml
there
interposing
VOICES
surma
Wow
you're
lazy
interposing
VOICES
let's
see
surma
That
is
a
much
better
offline
page
than--
we've
got
like
the
css
that's
something--
that's
something
we
can
just
to
straight-up
hard
code
the
assets
that
you're
going
to
cache
surma
True
because
the
revisions
change
So
what
i'm
doing
here
is
eventwaituntil
surma
OK
"are
we
going
to
use
any
tools
like
sw-precache
or
workbox"
surma
No
about
the
low
level--
add
the
revisions
dynamically
messes
with
all
of
the
syntax
highlighting
surma
Yeah
i've
been
there
and
i'm
generating
javascript
with
php
And
that
is
also
just--
in
terms
of
syntax
highlighting
and
like
templating
and
template
strings
surma
How
could
you
survive--
surma
--without
these
surma
I
didn't
notice
surma
No
I
don't
think
so
surma
Oh
OK
packages
with
a
node
ecosystem
to
run
in
the
browser
i'm
just
going
to
cache
we've
preached
probably
every
time
and
haven't
done
yet
is
this
is
not
production-ready
code
And
I
shouldn't
say
we
it's
Jake
this
time--
concepts
of--
probably
that
shouldn't
be
surma
I
see
to
cache
so
let's
go
for--
because
why
wouldn't
he
surma
Because
it
sounds
deceptively
simple
But
i've
been
there
when
you
have
like
cyclic
inclusions
surma
Did
I
say
not
production-ready
code
surma
And
that's
probably
one
of
the
most--
surma
Cool
offline
surma
it's
not
jakejpg
it's
not
avatar
it's
me
we've
sort
of
we've
cached
all
these
assets
but
we've
not
told
the
browser--
surma
I
love
the
async
functions
JAKE
So
i'm
going
to
do
cache
response
here
cachesmatch
let's
go
for--
inaudible
requests
been
requested
surma
And
that
something's
being
of
node
transform
stream--
that's
all
in
the
node
docs
surma
So
you're
just
using
it
as
a
glorified--
you're
it's
great
isn't
it
surma
No
revget
equals
require
surma
it's
very
small
nuance
JAKE
Well
it's
better
than
php
templating
isn't
it
because
i've
reloaded
the
page
of
takes
over
it
instantly
html
either
with
the
caching
or
with
the
matching
that's
fine
surma
you're
still
online
so
it
doesn't
count
yet
everything's
fine
JAKE
that's
good
surma
We
were
panicking
a
little
bit
there
JAKE
I
got
like
error-throwing
sweats
going
on
surma
How
many
browsers
support
the
async
operator
off
the
major
browsers
async
async
functions
surma
Yeah
so
edge--
surma
--does
surma
Yeah
updating
the
version
of
that
we're
might
be
overwriting
things
I
sometimes
struggle
to--
do
we
want
to
redownload
surma
don't
you
want
to
require
the
versions
then
surma
Yeah
number
automatically
and
that's
with
the
urls
surma
Yeah
OK
surma
And
now
he's
typing
a
const
variable
says
crypto
it's
not
roll
your
own
crypto
And
that's
actually--
it's
a
very
hand-wavy
answer
what
can
the
browser
cache
it's
nd5
Even
though
md5
is
being
discouraged
for
hashing
the
contents
and
having
that
i'm
caching
and
then
sort
of
hashupdates
JAKE
Yes
i'm
sweating
quite
a
lot
it's
warm
in
here
isn't
it
surma
So
the
reason
you're
doing
this--
just
to
reiterate
that
I
get
it
right--
of
that
byte
equivalence
is--
And
that's
why
we
basically
use
the
hashes
of
our
dependencies
but
of
dependencies
will
trigger
a
redownload
of
all
surma
See
that's
the
advantage
of
the
right-click
surma
Amazing
So
addeventlistener
so
we're
going
surma
Activate
is
once
you're
done
installing
surma
I
see
So
if
I
do
a
wait
cacheskeys
surma
You
get
a
list
of
all
the
caches
that
are
currently
iterate
over
them
that
we're
going
for--
done
installing
yourself
One
of
them--
"why
use
a
wait
on
cachekeys
Is
that
async"
surma
Yeah
surma
async
because
i/o
operations
on
the
disk
are--
of
streaming--
well
it's
not
streaming
yet
but
we've
got
this
nice
offline
page
You
know
that's
a
part--
surma
Yeah
so
app
shell--
the
header
and
the
footer
And
that's
why
the
streaming
Service
Worker
surma
that's
cool
we
don't
want
to
redownload
the
header
postinc
that'll
do
surma
Well
it's
one
of
the
hardest
need
this
extends
bit
We
have
no
header
or
footer
surma
let's
not
say
great
is
i'm
going
to--
JAKE
The
template
name
is
going
to
be
requestparamsinclude
And
if
that's
there
we're
going
to
use
postinc
surma
OK
that's
pretty
neat
I
mean
so
you
switch--
surma
Cool
OK
And
if
I
go
to
include--
interposing
VOICES
surma
there's
no
styling
JAKE
So
let's
say
command-alt-u
surma
Yeah
OK
i'm
just
going
to
call
it--
let's
call
it
shell--
surma
I
see
surma
OK
this
is
a
"supercharge"
livestream
i've
copied
the
line
and
I
can
just
like--
surma
Even
with
multi-cursor
I
like
multi-cursor
chuckling
I
love
this
because
that's--
surma
Oh
what
surma
that's
fine
to
split
the
shell
into
header
and
footer
bits
because--
surma
--why
wouldn't
you
do
that
let's
see
shellslice
And
i'm
going
to
take
the
shellindex
of--
Plus
slice--
oh
yeah
slicepointlength
And
now--
surma
Yes
surma
Perfect
surma
Cool
surma
Cool
We
can
do
the
server-type
rendering--
Yes
it's
kind
of--
surma
that's
a
thing
now
JAKE
Right
and
the
easiest
way
to--
surma
So
we
are
purposely
reinventing
I
think
it's
more
of
a--
or
selflocation
I
mean
if
the--
surma
Unless
there's
calls
you
don't
get
extra
visibility
in
there
straight
to
locationorigin
So
urlpathname
there
we
go
and
I
i'm
going
to
use
regex
it's
four
digits
surma
Exactly
four
digits
surma
Or
have
blog
posts
from
pre-year
1000
I
love
regex
I
mean
that's
totally
readable
right
surma
Basically
that's
the
stitching
of
the--
surma
"eventwaituntil--
when
to
use
it
Any
rules
of
thumb"
JAKE
So
you
use
eventwaituntil
whenever
you're
doing
surma
--let's
not
And
fetch
also
has
eventwaituntil
surma
Oh
cool
So
start's
there
It
installs
it
It
checks
the
Service
Worker
downloads
installs
that's
fine
surma
I
mean
it's
somewhat
of
an
overstatement
identifying
that
you
wrote--
surma
The
root
regex
the
cryptic
one
and
mostly
i'm
using
revget
to--
url
that
kind
of
clones
it
is
do
pathname
plus
equals
include
individually
streaming
and
that
is
not
streaming
and
that's
no
good
we
want
a
writable
endpoint
that
we
can
sort
of
into
one
readable
point
surma
it's
sort
of
a
string
and
this
writable
object
and
there's
So
I
can
do
a
readable/writable
and
that
Thank
you
inaudible
surma
I
have
a
few
snippets
JAKE
copy/paste
it's
creating
a
readable
stream
and
a
writable
stream
it
receives
some
data
it's
just
passing
it
to
the
readable
responding
with
our
readable
stream
So
i'll
do
eventwaituntil
surma
Oh
I
see
work
this
is
instructing
the
browser
like
surma
OK
cool
surma
couldn't
you
use
for
a
wait
So
there's
a
new
thing
appearing
in
the
platform
which
I
don't
surma
Oh
we
don't
I
thought--
is
currently--
and
that's
what
i'm
using
surma
Oh
that's
cool
surma
Stable
And
what
i'm
going
to
do
is
responsebody
JAKE
Yeah
so
it's
differentiated
in
web
streams
or
whether
you're
dealing
with
a
writable
like
a
readable
stream
to
a
writable
stream
it's
fine
it's
arguably
more
explicit
surma
writable
get
writer
from--
surma
So
that
means--
the
footer
surma
And
to
the
browser
it
would
surma
OK
so
just
to
recap
we
are
taking
the
header
surma
Whoa
surma
Amazing
that's
amazing
there's
a
problem
surma
What
used
to
be
unicode--
headers
maybe
What
we
really
want
is
something--
It
bypasses
not
just
passes
it--
and
say
meta
char
set
utf-8
right
Why
we
wouldn't
I
surma
it's
fine
Jake
surma
it's
streaming
it's
yeah--
and
I
think
that's
all
we
need
to
do
And
that's
that
we've
got
this--
surma
True
JAKE
it's
horrible
and
hackey
This
is
coming
from
the
scripting
the
templating
engine--
and
jakearchiboldcom
And
so
now
there
it's
updating
surma
Nice
"is
there
anything
like
incremental
cache
you
know--
surma
Yeah
I
don't
know
can
you
do
this
with
networks
throttling
So
let's
put
the
throttling
all
the
way
down
to
gprs
surma
The
slowest
of
the
slowest
surma
So
you
can
see--
And
if
you
didn't--
did
you
have
screenshots
enabled
JAKE
screenshots
are
enabled
Here
is
the
header
I
have
shifting
And
that's
the
bit
that's
being
throttled
And
so
that's
you
know--
i've
done
a
lot
of
coding
now
surma
You
made
a
good
stash
I
don't
know
let's
do
this
surma
that's
fine
that's
worked
now
The
server's
restarted
that's
fine
all
of
the
same
sort
of
cache
settings
They
don't
have
streams
yet
surma
They
don't
have
streams
yet
surma
But
they
have
streams
can't
we
just--
So
as
I
said
we're
going
to
put--

相關影片

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

加入好友

其他人正在學習的單字

1. wizard
2024-04-28 19:48
2. audit
2024-04-28 19:48
3. substantially
2024-04-28 19:48
4. genuinely
2024-04-28 19:47
5. intent
2024-04-28 19:47
6. view
2024-04-28 19:47
7. mac
2024-04-28 19:47
8. attend
2024-04-28 19:47
9. no
2024-04-28 19:46
10. word
2024-04-28 19:46
11. prefix
2024-04-28 19:46
12. waves
2024-04-28 19:46
13. nosy
2024-04-28 19:46
14. increased
2024-04-28 19:46
15. right
2024-04-28 19:46

本月觀看影片單字排行榜

本月查閱單字排行榜

本月聆聽單字排行榜