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

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

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

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

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

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

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

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


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

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

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

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


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

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


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

Server-Side rendering with Firebase: Live Code Session - Supercharged
觀看次數：703
supercharged
of
the
new
year
hi
i'm
supercharged
live
stream
live
coding
americas
gonna
use
firebase
and
i'm
okay
that's
and
we're
going
to
plug
in
firebase
it'll
be
persisted
with
cloud
firestore
offline
flaky
Network
resiliency
nails
but
we
can
peruse
the
packages
out
json
so
effectively
well
ignore
the
scripts
with
that
one
that's
good
use
firebase
I
see
and
then
firebase
functions
to
do
that
serverless
so
firebase
functions
cloud
functions
for
firebase
it's
hash
the
waste
and
then
as
dev
dependencies
month
you're
in
but
the
goblin
can't
if
it's
babble
or
babel
so
if
you
want
the
browser
but
not
on
node
we're
gonna
transponding
them
to
college
it's
not
have
a
question
what
a
cp
excellency
px
firebase
during
deployments
local
emulation
all
directories
so
i'm
gonna
start
with
I
firebase
hosting
CD
on
but
it's
not
html
for
our
server
rendering
and
then
to
require
from
firebase
functions
about
gif
where's
jeff
good
which
camp
wait
no
sorry
gif
gif
good
I
couldn't
think
jiff
is
it
doesn't
doesn't
mesh
so
we're
importing
fibers
functions
because
we're
gonna
use
firebase
functions
yes
and
we're
also
using
know
it's
notes
so
it's
not
as
big
of
a
endpoint
that
surfs
I
guess
the
html
we
gonna
do
server-side
rendering
at
austin
aren't
the
marky
Mark
II
still
functions
for
firebase
so
to
do
that
you
exports
dot
supercharged
you've
actually
completion
nice
yeah
that's
good
klout
always
functions
and
not
not
see
firebase
json
and
so
I
could
do
this
anyone's
referred
to
me
that
way
all
functions
so
if
ya
collectively
you
have
functions
folder
so
public
is
like
i've
practiced
it
i'm
gonna
do
the
star
everything
even
if
it's
in
a
subfolder
need
to
set
up
firebase
the
firebase
functions
sdk
and
so
to
do
that
i'm
that's
hashtag
branding
yeah
just
it
mm-hmm
and
so
firebase
rc
is
your
like
deploy
to
my
beijing
beijing
right
so
that's
what
hash
like
branding
emoji
art
ooh
yeah
that's
good
that's
a
firebase
rc
you're
good
you
use
javascript
or
typescript
because
there's
actually
out-of-the-box
type
script
typescript
but
i'm
sticking
to
javascript
here
okay
we're
gonna
do
the
it's
written
our
functions
package
json
functions
have
to
have
their
own
node
server
folder
to
functions
client
components
cobo
components
run
our
babel
functions
hosting
will
emulate
a
hosting
functions
and
then
it's
gonna
serve
on
localhost
5000
functions
you
can
see
it's
on
5000
won
what
is
marquis
and
it
made
me
it's
it's
I
need
an
hdpe
equiv
meta
tags
i'm
gonna
that's
why
yeah
then
topped
with
the
append
a
prefix
before
your
classes
so
prepending
we're
gonna
build
here
is
you're
you
can
if
you're
logged
in
write
a
oh
yeah
vector
and
that's
you
know
i've
h3
it's
unoffensive
neutral
and
so
we're
this
a
sea
commenter
form
it's
sort
of
refactor
it
and
so
what
is
this
so
we're
this
is
supercharged
life
coding
it's
from
the
firebases
certified
rendering
and
it's
resistance
again
it's
like
networks
resilient
we
these
comment
sections
on
websites
all
indexhtml
file
yeah
so
now
that's
the
spelling
yeah
well
there's
no
styles
yet
it's
like
not
formatted
unknown
type
padding
so
you
can
change
the
padding
whatever
is
when
he
published
the
blog
mind-blowing
moments
i'm
gonna
drop
on
margin0
auto
ha
that's
basically
the
screen
padding's
there
are
a
go-to
margin
twenty
pixels
20
pixels
Auto
it
fall
styles
of
a
browser
that's
one
of
characters
you
add
to
your
stylesheet
it's
not
that
dom
won't
leak
outwards
but
to
not
you
that's
a
nice
button
it's
small
but
i'm
is
effectively
if
I
was
using
shadow
dom
loads
of
articles
so
if
you're
webassembly
would
probably
be
overkill
so
it's
kind
of
constrained
so
I
don't
there's
heights
to
32
pixels
as
well
as
width
do
50
pixels
maybe
500
pixels
just
turns
said
like
resize
is
not
supported
by
at
production-ready
code
as
always
it's
we
didn't
we're
not
gonna
even
do
we're
doing
had
not
pre-recorded
I
feel
like
I
well
it's
gonna
be
the
placeholder
for
resources
for
bundling
or
minifying
firebase
server-side
code
you
usually
don't
need
to
bundle
or
minify
that's
a
decrease
startup
time
as
well
emily
but
and
definitely
bundling
it's
network
connectivity
it's
all
on
one
bundling
and
chunking
and
all
the
things
components
folder
so
it's
called
sc
would
prefer
to
have
syntax
highlighting
this
is
no
html
that's
like
syntax
continuing
to
refactor
this
I
would
while
we
are
server-side
rendering
this
server-side
rendered
because
it's
the
that
a
blogging
button
isn't
server
to
pre
parse
html
that
you
can
then
that
consists
of
notes
and
it
just
just
instantiation
off
the
same
template
components
that
you're
now
importing
your
own
loggin
between
angle
brackets
we
just
life
that's
if
you've
ever
done
c-sharp
it's
a
different
parsing
engine
but
it's
not
appending
to
dom
so
oh
well
itself
is
appended
client-side
which
is
javascript
if
then
it's
like
doesn't
firestore
in
firebase
app
in
firebase
pretty
sure
because
there's
as
firebase
comment
that
we've
deferred
all
these
scripts
because
modules
are
deferred
as
so
i'm
gonna
say
firebase
dot
as
a
hashtag
btn
log
in
and
this
btn
login
server-side
rendering
because
you're
server-side
rendering
make
sure
to
either
defer
all
your
javascript
or
use
you
can
defer
rendering
scripts
if
you
can't
defer
the
rendering
script
there's
user
would
be
null
but
when
the
user
button
you're
redirected
to
Google
your
haven't
defined
we're
going
to
grab
it
detail
at
all
it's
not
null
what
we'll
oh
don't
you
see
logging
much
this
will
give
it
displaynone
is
visibility
because
i've
already
logged
in
i'm
user
our
bracelets
not
smart
huh
yeah
didn't
mean
visibility
hidden
right
visibilityhidden
no
and
I
chose
removes
it
from
screen
readers
and
whatnot
quite
what's
most
important
so
the
docking
button
is
gone
it's
gone
you're
logged
in
cuz
I
am
logged
in
its
se
hidden
which
are
shouldn't
have
to
grinding
so
server-side
rendering
with
the
se
comet
do
some
copy
and
pasting
that's
what
you're
on
right
now
because
you're
you're
way
ahead
of
me
aren't
you
you
browser
is
like
yeah
and
then
we're
anyways
thanks
and
so
that's
effectively
effectively
says
if
there's
a
process
we
placeholder
variable
to
class
html
little
nicer
we're
gonna
say
export
class
sc
element
because
it's
branding
its
hashtag
friendly
extends
from
the
underscore
html
element
so
yeah
in
my
functions
or
methods
that
we
defines
and
typescript
about
like
big
webpack
configs
or
crazy
anything
that's
es2015
and
our
components
and
we're
gonna
copy
them
to
version
i'll
be
running
on
firebase
611
dot
one
that's
a
bit
old
isn't
it
it's
a
innovate
we're
gonna
corynna
cope
the
components
here
and
our
sc
form
like
see
in
some
javascript
API
is
we
can
actually
reuse
the
template
we
again
where
I
modified
the
I
didn't
even
sometimes
verbose
makes
things
simpler
javascript
minifiers
and
very
smart
times
and
you're
replacing
a
somewhat
cryptic
commons
with
some
other
content
manipulate
a
cryptic
http
GET
or
pasted
it
before
copying
it
before
I
i'm
fairly
certain
it's
highlighted
down
elements
are
not
displayblock
they're
are
displayinline
so
there
is
my
here's
on
btn
send
it's
that
query
selector
hashtag
dtn
send
and
then
what
we'll
end
client-side
placeholder
that
when
it
will
know
when
there's
latency
everyone's
wrong
all
right
so
now
i'm
have
a
template
it's
just
a
holder
it's
pasting
yes
copy
pasting
always
always
I
don't
need
a
template
but
I
do
need
a
that's
fine
that's
fine
it's
formatting
I
can
tab
and
so
what
the
template
kind
of
yeah
mutable
by
what
still
b12
unusable
with
html
right
instantiated
templates
yes
we're
not
last
of
the
components
oh
that's
components
sure
but
it's
simple
so
this
is
the
base
work
we're
defining
how
our
rendering
Oh
demystifying
the
buzz
words
scripting
attack
vector
yes
yes
you're
right
we
didn't
do
any
mm-hmm
that's
why
we're
not
deploying
it
this
is
my
that's
user
input
but
we're
not
doing
app
and
so
it's
a
firebase
dot
dashboard
but
our
project
overview
add
the
cloud
functions
sdk
credentials
and
we
don't
really
need
messaging
or
storage
bucket
but
i'm
come
in
sequential
order
because
we're
timestamp
we're
gonna
them
let
me
guess
fast
handshake
and
then
we're
going
to
the
materialized
like
state
of
your
for
server-side
rendering
I
want
to
know
I
don't
know
if
that's
real
so
if
you're
augmenting
it
with
the
ID
all
old-fashioned
javascript
yes
it
is
it
is
because
of
all
the
errors
we've
had
i'm
it's
a
feature
not
a
bug
ups
this
is
sort
of
like
rendering
is
this
server-side
rendered
there's
only
client-side
rendering
for
the
real
time
the
server
so
firebase
dot
firestore
dot
timestamp
and
we're
going
to
say
on
basically
firebase
does
biffing
for
you
is
gets
inserted
to
its
firestore
ID
and
we
use
the
underscore
so
there's
no
the
we
did
server-side
rendering
so
we
re-render
them
but
if
it's
not
on
the
tip
backticks
underscore
doc
dot
ID
and
new
item
and
here's
the
item
that
it's
wool
it
doesn't
have
any
interactivity
talk
about
network
resilience
so
we're
there's
five
here
yeah
automatically
and
persisting
across
refreshes
damn
and
that's
that
is
your
we
server-side
resilient
comment
section
flaky
Network
resilient
flaky
now
one
word
was
missing
on
twitter
underscore
David
East
or
me
about
our
announcements
and
new
videos
because
we
also
do
supercharge
micro

相關影片

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

加入好友

其他人正在學習的單字

1. shrink
2024-04-29 22:15
2. waters
2024-04-29 22:15
3. but
2024-04-29 22:15
4. demos
2024-04-29 22:15
5. concerned
2024-04-29 22:15
6. thick
2024-04-29 22:15
7. fist
2024-04-29 22:15
8. compared
2024-04-29 22:15
9. video
2024-04-29 22:15
10. either
2024-04-29 22:15
11. sort
2024-04-29 22:15
12. reception
2024-04-29 22:15
13. thumbs
2024-04-29 22:15
14. mortem
2024-04-29 22:15
15. cave
2024-04-29 22:15

本月觀看影片單字排行榜

本月查閱單字排行榜

本月聆聽單字排行榜