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

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

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

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

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

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

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

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


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

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

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

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


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

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


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

Live coding a lazy loaded comment system with Firebase | Firebase Semi-Live Ep.1
觀看次數：125
and
it
pops
up
lazily
so
let's
uh
let's
here
and
i'm
also
using
tailwind
css
to
gonna
be
mostly
focusing
on
firebase
I
want
to
use
webpack
stung
keying
or
code
splitting
ability
so
I
don't
have
javascript
on
the
page
if
you're
not
not
assignable
to
Oh
cuz
I
think
I
need
header
that's
firebase
rc
so
its
dot
firebase
little
icon
for
so
with
firebase
rc
this
staging
alias
and
you
could
have
a
would
just
say
firebase
use
and
staging
don't
have
to
say
firebase
use
default
based
on
jason
and
firebase
that
json
firebase
json
can
manage
deploying
your
actually
using
this
dist
folder
so
i'll
do
redirects
and
rewrites
and
rewrites
functions
so
there's
lots
of
cool
stuff
so
I
don't
accidentally
deploy
all
my
jules
because
I
installed
this
locally
look
it's
serving
here
on
localhost
5000
type
webpack
-
-
watch
web
packs
just
just
automatically
recompile
and
we'll
browser
which
is
pretty
nifty
have
our
animations
so
that's
cool
we
firebase
part
so
to
import
firebase
module
syntax
we
want
to
import
firebase
import
the
firebase
app
library
we
don't
want
to
import
all
of
firebase
we
just
this
case
we're
gonna
start
by
importing
app
let's
a
star
as
firebase
because
that's
how
typescript
likes
it
and
then
i'm
going
to
import
just
firebase
slash
a
firebase
app
and
i'm
going
to
do
it
config
just
say
comets
config
and
then
from
just
firebase
that
app
app
and
then
this
stop
firebase
app
is
firebase
dot
that
there's
two
ways
of
using
firebase
features
you've
initialized
and
when
you
collections
and
that's
a
collection
at
app
dot
firestore
dot
collection
of
collection
where's
that
bs
code
doesn't
selector
of
hashtag
load
comments
as
like
super
advanced
typescript
user
out
listeners
so
i'll
create
a
method
add
listeners
so
that's
now
happy
and
what
if
they've
clicked
on
it
it's
gonna
load
downloading
over
the
network
know
it's
the
project
ie
ID
dot
firebase
appspotcom
so
it's
just
kind
of
good
quick
configurations
all
right
so
let's
configure
that
so
let's
do
that
really
this
dots
firebase
app
dot
fire
store
and
I
can
say
the
settings
timestamp
and
so
with
firestore
we
have
real-time
data
it's
a
firestore
no
usually
vs
code
when
deleted
you
would
get
an
omission
of
a
deleted
or
do
an
animation
based
on
that
in
your
app
and
then
we
have
doc's
doc's
is
deleted
that
doc's
will
have
that
then
there's
testing
for
empty
there's
a
to
add
a
breakpoint
at
add
listeners
and
firestore
back-end
connection
fail
two
underscore
one
and
then
field
we'll
just
just
get
it
so
it's
displaying
text
so
have
my
variable
initialization
initialization
statements
next
to
each
lastly
we'll
take
the
div
and
append
the
familiar
with
document
fragments
they're
nice
performant
way
of
doing
dominus
placeholder
which
is
sort
of
the
placeholder
is
html
div
element
that's
right
it's
a
div
it's
a
div
and
then
placeholder
is
document
query
selector
hash
tag
comment
placeholder
as
html
div
comment
placeholder
dot
append
child
of
node
parameter
1
it's
not
type
of
node
performant
way
so
let's
prove
that
so
node
modules
that's
where
my
firebase
performant
ly
as
we
could
so
let's
take
24
megabytes
of
javascript
which
is
stir-crazy
heavy
so
I
need
to
go
ninety
four
kilobytes
so
that's
all
of
webpagetestorg
so
here
i'm
at
webpagetestorg
and
one
of
the
things
animation
isn't
going
to
happen
until
animation
before
my
comets
are
loaded
don't
where
you
can
say
import
firebase
slash
access
to
the
firebase
module
but
what's
do
is
one
that's
clicked
we
want
to
import
firebase
slash
app
and
then
we
i'll
say
constant
app
is
firebase
import
firebase
app
i'm
sorry
firebase
and
then
tricking
typescript
but
it's
not
really
types
come
from
the
top-level
firebase
firebase
serve
about
firebase
not
being
defined
let's
typescript
errors
we
still
have
some
we
62
so
there's
some
variations
because
to
be
downloaded
for
animations
to
run
case
so
that's
what
we're
fixing
now
so
what's
going
on
so
if
this
firebase
and
it
asynchronously
now
so
what
i'm
going
property
since
being
asynchronously
we'll
turn
these
into
variables
for
now
and
test
on
webpage
tests
you
know
so
i'm
go
back
to
webpagetest
and
is
just
use
go
back
to
webpage
tests
did
not
minify
it
so
if
we
minified
it
serviceworker
because
it's
our
animation
that
we
are
that's
loaded
let's
take
a
look
javascript
to
do
that
our
animation
just
import
another
async
import
and
then
we
can
add
more
comments
authenticate
of
firebase
semi
live
the
live
coding

相關影片

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

加入好友

其他人正在學習的單字

1. involved
2025-05-06 12:29
2. shocked
2025-05-06 12:29
3. included
2025-05-06 12:29
4. gentle
2025-05-06 12:29
5. lead
2025-05-06 12:29
6. paying
2025-05-06 12:29
7. cost
2025-05-06 12:29
8. tie
2025-05-06 12:29
9. locked
2025-05-06 12:29
10. job
2025-05-06 12:29
11. drawers
2025-05-06 12:29
12. hour
2025-05-06 12:29
13. lottery
2025-05-06 12:29
14. respond
2025-05-06 12:29
15. bags
2025-05-06 12:29

本月觀看影片單字排行榜

本月查閱單字排行榜

本月聆聽單字排行榜