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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Lisi Linhart - Native Web Animation | JSUnconf 2018

觀看次數：294

播放速度:

i'm

animations

animation

lizzie

i'm

twitter

info

topics

we're

we're

interactive

topics

css

transitions

css

animation

animations

we're

we're

i'm

topics

you're

we're

we're

can't

css

transitions

css

animations

animation

css

animations

animations

we're

animation

there's

browser

cheaply

that's

pasady

css

transforms

opacity

css

opacity

css

xy

3d

y

3d

skew

axes

css

0

1

pixels

it's

depending

you're

richness

animation

it's

it's

browser

chavez

evaluated

browser

recalculate

he's

css

they're

layered

calculations

it's

rasterized

layers

layers

browser

layers

independently

independently

browsers

layers

don't

layers

layers

performant

that's

browser

gpu

layers

glued

that's

what's

user

it's

it's

that's

unperformed

browser

that's

don't

it's

unperformed

that's

outlines

it's

performant

performant

that's

opacity

don't

browser

dev

animations

what's

animation

coloring

it's

layers

it's

layers

you're

it's

it's

layers

creates

3d

creates

trance

let's

3d

2d

transforms

layers

keyframes

anim

transforms

you're

compositing

layers

creates

creates

layers

layers

layers

accelerated

css

filters

layers

creates

that's

layers

consumes

animation

animating

sas

isn't

supported

browsers

browsers

you're

3d

layers

shouldn't

optimize

you're

layers

don't

constantly

don't

browsers

it's

supported

you're

3d

transforms

that's

that's

requestanimationframe

javascript

it's

browser

optimize

animations

you're

cpu

doesn't

consistently

you're

it's

animations

requestanimationframe

performant

don't

you're

animations

automatically

sock

requestanimationframe

animation

requestanimationframe

it's

requestanimationframe

animation

performant

animation

opacity

animation

don't

layers

layers

layers

animations

dev

that's

dev

animations

that's

let's

animations

animations

advantages

css

animation

javascript

chaves

advantages

css

javascript

animations

timelines

css

staggered

animations

animations

animations

it'sit's

reactive

animations

movements

javascript

javascript

frameworks

callbacks

animation

callback

grouping

animations

dom

dom

selector

dom

keyframes

keyframes

animations

animation

behaviors

timings

delay

keyframes

css

that's

frames

animation

that's

animation

forwards

backwards

forwards

delay

easing

css

animation

css

eating's

you're

pcs

css

animation

you'd

keyframes

timings

scaled

there's

100%

scaled

easing

animation

it's

animation

animation

animation

you're

it's

animation

animation

animation

backwards

depending

playback

callbacks

callbacks

animation

callback

animation

animation

cancelled

dom

don't

animation

animation

animation

i'm

keyframes

keyframe

that's

percentages

css

animation

33

33%

dom

animation

dom

animation

animation

it's

that's

playback

animation

dynamically

animation

behaves

browser

it's

i'm

animation

restarted

it's

javascript

keyframes

copán

animation

css

what's

animations

css

animation

css

styling

animations

animations

css

animation

javascript

animation

transitions

animations

spinners

defined

css

don't

reactive

css

declarative

don't

javascript

css

animation

animation

css

what's

css

don't

javascript

javascript

animations

javascript

animation

animations

chaves

ting

css

animations

won't

animation

sequencing

it's

animations

callbacks

animations

timeline

animations

accessibility

css

it's

natively

browser

browser's

implementing

it's

animation

browser

animations

animation

app

animation

won't

browser

animation

you're

you're

don't

animation

svg

animation

it's

animations

there's

browser

inconsistencies

svg

aptos

it's

svg

animation

polyfill

solves

that's

svg

animation

app

svg

animation

browser

rendering

animation

browser

optimizes

it's

you're

browser

browser

you're

animating

browser

doesn't

you're

animating

can't

optimize

animation

animation

it's

it's

animations

javascript

javascript

javascript

they're

javascript

it's

unperformed

animations

animations

css

animations

don't

you're

browser

optimization

animations

browser's

it's

there's

polyfill

i'm

github

it's

it's

animation

you're

it's

it's

it's

you're

polyfill

animation

tests

implementations

animation

browsers

functions

that's

isn't

browser

don't

doesn't

haven't

it's

haven't

animation

animation

it's

it's

it's

don't

keyframes

easing

x'

examples

animation

animation

slider

slider

animations

reactions

user

that's

it's

css

that's

animations

animations

animations

i'm

eating's

don't

eating's

there's

easing

studnet

easing

xin

css

eating's

can't

css

that's

css

animation

css

javascript

bouncing

bouncing

eating's

animations

nehru

it's

you're

animations

eating's

app

6yz

visualizer

easing

animation

eating's

animations

easing

zinthoss

there's

user

interface

easing

curves

user

interfaces

in-depth

eating's

user

interfaces

slides

slides

gs

uncom

examples

copán

there's

wasn't

didn't

slides

didn't

that's

相關影片

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

其他人正在學習的單字

2024-04-29 03:41

2024-04-29 03:41

2024-04-29 03:41

4. I

2024-04-29 03:40

2024-04-29 03:40

2024-04-29 03:40

2024-04-29 03:40

2024-04-29 03:40

2024-04-29 03:40

2024-04-29 03:39

11. fact

2024-04-29 03:39

12. went

2024-04-29 03:39

2024-04-29 03:39

2024-04-29 03:39

2024-04-29 03:39

本月觀看影片單字排行榜

本月查閱單字排行榜

本月聆聽單字排行榜