0:00

6:29

The forgotten developer who saved JavaScript...

Fireship·6:29·Technology·C1

Chương · 5

Chương 1·JavaScript's Dark Age

Hiển thị

Tiếng ViệtAuto-scroll

0:00

It's 2009.

Đó là năm 2009.

0:00

You're at a Hannah Montana movie and your phone won't stop buzzing with notifications from a new dating app you just downloaded.

Bạn đang xem phim Hannah Montana và điện thoại không ngừng rung với thông báo từ một ứng dụng hẹn hò mới bạn vừa tải.

0:06

Your favorite artist is supposed to be releasing a new album next year.

Nghệ sĩ yêu thích của bạn dự kiến sẽ phát hành album mới vào năm sau.

0:10

Your favorite TV show is currently being made into a movie and you're still riding high from arguing how many days are in a week on the bodybuilding.com forums.

Chương trình TV yêu thích của bạn đang được chuyển thể thành phim và bạn vẫn còn phấn khích sau khi tranh luận về có bao nhiêu ngày trong một tuần trên diễn đàn bodybuilding.com.

0:18

Life is good,

Cuộc sống thật tốt đẹp,

0:19

at least on the weekends, because during the week you have to spend all day using the worst programming language ever invented, a language that was famously designed in 10 days.

Ít nhất là vào cuối tuần, vì trong tuần bạn phải dành cả ngày để sử dụng ngôn ngữ lập trình tệ nhất từng được phát minh, một ngôn ngữ nổi tiếng được thiết kế trong 10 ngày.

0:27

But after using it, it had you wondering what Brendan did after day two.

Nhưng sau khi sử dụng nó, bạn tự hỏi Brendan đã làm gì sau ngày thứ hai.

0:31

A language that every browser interpreted differently, had no standard library, modules, or classes.

Một ngôn ngữ mà mỗi trình duyệt diễn giải khác nhau, không có thư viện chuẩn, module hay lớp.

0:36

And if your primary job was to write it, I'm told you were a massive loser who didn't deserve to feel loved.

Và nếu công việc chính của bạn là viết nó, tôi được biết bạn là một kẻ thất bại lớn không xứng đáng được yêu thương.

0:41

At least that's how things were in 2009.

Ít nhất đó là những gì đã xảy ra vào năm 2009.

0:43

But over the next decade, that sentiment changed.

Nhưng trong thập kỷ tiếp theo, quan điểm đó đã thay đổi.

0:46

JavaScript went from being a language that you'd never touch directly without putting on a jQuery hazmat suit first to arguably the most popular programming language in the world.

JavaScript đã đi từ một ngôn ngữ bạn không bao giờ động đến trực tiếp nếu không mặc bộ đồ bảo hộ jQuery trước, trở thành ngôn ngữ lập trình phổ biến nhất thế giới.

0:55

While JavaScript developers, despite all the stupid stickers on their MacBooks, went from being considered script kitties to real programmers with actual feelings and emotions.

Trong khi các nhà phát triển JavaScript, bất chấp tất cả những sticker ngớ ngẩn trên MacBook của họ, từ bị coi là script kiddies trở thành lập trình viên thực thụ với cảm xúc và tình cảm thật.

1:03

So, how exactly did this mass

Vậy, chính xác thì sự hoang tưởng tập thể này

1:05

psychosis happen?

đã xảy ra như thế nào?

1:05

There's a bunch of different reasons, but in my opinion, I think the most underrated was all led by a single person who has since been forgotten to time, Jeremy Ashkenus.

Có nhiều lý do khác nhau, nhưng theo tôi, lý do bị đánh giá thấp nhất là tất cả đều do một người dẫn dắt, người đã bị lãng quên theo thời gian, Jeremy Ashkenas.

1:15

In 2009, Jeremy was a developer at Document Cloud, where he had the unfortunate task of working on a heavy clientside JavaScript application, which was rare at that time.

Năm 2009, Jeremy là nhà phát triển tại Document Cloud, nơi anh có nhiệm vụ không may là làm việc trên một ứng dụng JavaScript nặng phía client, điều hiếm gặp vào thời điểm đó.

1:23

Having a background in

Có nền tảng về Ruby,

1:25

Ruby, but being forced to write JavaScript, I assume every morning he'd wake up and think to himself, "Wow, today might be a good day to myself off theing Golden Gate Bridge." But unlike everyone else who had JavaScript Stockholm syndrome, Jeremy had the audacity to think he could fix it.

nhưng bị buộc phải viết JavaScript, tôi đoán mỗi sáng anh thức dậy và tự nghĩ: "Chà, hôm nay có thể là ngày tốt để nhảy khỏi cầu Cổng Vàng." Nhưng không giống như mọi người mắc hội chứng Stockholm JavaScript, Jeremy có sự táo bạo để nghĩ rằng anh có thể sửa nó.

1:39

And so he did.

Và anh đã làm được.

1:40

His first act was dealing with the fact that JavaScript had no

Hành động đầu tiên của anh là giải quyết việc JavaScript không có thư viện chuẩn.

1:44

standard library.

Một lần nữa, đây là năm 2009.

1:45

Again, this was 2009.

Mặc dù Firefox đã hỗ trợ một số phương thức helper mảng như map, reduce và forEach, Internet Explorer thì chưa, điều đó có nghĩa là bạn không thể sử dụng chúng trừ khi bạn polyfill chúng.

1:47

Although Firefox had shipped support for some array helper methods like map, reduce, and for each, Internet Explorer hadn't yet, which meant you couldn't use them unless you polyfilled them.

Vì vậy, để khắc phục điều này, Jeremy đã phát hành underscore.js, một thư viện tiện ích chứa khoảng 60 hàm helper giúp làm việc với mảng và đối tượng dễ dàng hơn.

1:57

So, to fix this, Jeremy released underscore.js, a utility belt library that contained about 60 helper functions that made it easier to work with arrays and objects.

Tôi biết điều đó nghe có vẻ không thú vị ngày hôm nay, nhưng việc xây dựng cho web tệ đến mức underscore có lẽ đã cứu một vài người khỏi việc nhảy khỏi cầu Cổng Vàng.

2:06

Now, I know that doesn't sound exciting today, but building for the web was so bad back then that underscore likely did save a few people from throwing themselves off theing Golden Gate Bridge.

Underscore trở nên phổ biến đến nỗi nhiều tính năng của nó đã được đưa vào chính ngôn ngữ JavaScript, cuối cùng khiến nó trở nên lỗi thời.

2:15

Underscore got so popular that many of its features were adopted into the JavaScript language itself, which eventually made it obsolete.

Nhưng underscore chỉ là hành động đầu tiên của Jeremy.

2:22

But underscore was only Jeremy's first act.

Tiếp theo, anh quyết định thay vì bổ sung cho JavaScript như một cái đầu cá với một thư viện mới, anh sẽ có nhiều tự do hơn nếu tạo ra một ngôn ngữ hoàn toàn mới với những khẩu pháo lớn.

2:24

Next, he decided instead of augmenting fish head JavaScript with a new library, he'd have more freedom if he just created an entirely new language with large cannons.

Một lần nữa, tôi không thể nhấn mạnh điều này đủ.

2:32

Again, I can't stress this enough.

JavaScript năm 2009 rất khác so với ngày nay.

2:34

The JavaScript in 2009 was very different than it is today.

Không có lớp, vì vậy kế thừa được thực hiện thông qua một mẫu mà bạn tự gắn các thuộc tính vào một đối tượng ẩn gọi là prototype mà mọi hàm đều có quyền truy cập.

2:37

There were no classes, so inheritance was done through a pattern where you'd manually attach properties to a hidden object

Cách duy nhất để khai báo biến có quy tắc phạm vi kỳ lạ, nâng khai báo lên đầu hàm dù bạn có biết hay không.

2:44

called prototype that every function had access to.

Không ai thực sự hiểu hoặc quan tâm đến sự khác biệt giữa toán tử bằng và toán tử đồng nhất, vì vậy bạn có rất nhiều ép kiểu xảy ra mà không hề nhận ra.

2:46

The only way to declare a variable had bizarre scoping rules that hoisted declarations to the top of a function whether you were aware of it or not.

Và để định nghĩa một hàm đơn giản, bạn phải gõ từ 'function' mỗi lần, dẫn đến mã khá xấu.

2:54

No one really understood or cared about the difference between the equality operator and the identity operator is so you'd have a bunch of type coercion happening without even

Nhưng bằng cách xây dựng một ngôn ngữ mới biên dịch sang JavaScript, Jeremy có thể sửa nó mà không cần chờ ủy ban tiêu chuẩn hoặc nhà cung cấp trình duyệt tự làm.

3:03

realizing it.

Và thậm chí tốt hơn, anh có thể bỏ lại những phần tồi tệ của JavaScript trong căn phòng ẩm mốc mà Brendan đã dành 10 ngày.

3:03

And to define even a simple function, you had to literally type out the word function every single time, which led to some pretty ugly code.

Và trong một thời gian, CoffeeScript rất lớn.

3:10

But by building a new language that compiled a JavaScript, Jeremy could fix it without having to wait for the standards committee or browser vendors to do it themselves.

Người cha DHH đã áp dụng nó gần như ngay lập tức.

3:19

And even better, he could leave JavaScript the bad parts in

Và vào năm 2011, nó được đưa vào làm bộ tiền xử lý JavaScript mặc định trong Rails 3.1, nghĩa là giao diện người dùng cho mọi ứng dụng Rails mới trên thế giới đột nhiên được viết bằng CoffeeScript.

3:22

that musty room Brendan spent 10 days in.

GitHub, Dropbox và một loạt các startup đầu những năm 2010 đã áp dụng nó.

3:24

And for a while, Coffecript was huge.

Và trong vài năm, nó là lựa chọn mặc định cho bất kỳ ai coi trọng JavaScript.

3:26

The father DHH adopted it almost overnight.

Ngày nay, CoffeeScript về cơ bản đã chết sau khi các tính năng tốt nhất của nó được hấp thụ vào chính JavaScript.

3:29

And in 2011, it shipped as the default JavaScript prep-processor in Rails 3.1, meaning the front end for every new Rails app in the world was suddenly written in coffecript.

Nhưng mỗi khi trình biên dịch của bạn viết một lớp, hàm mũi tên, tham số mặc định, toán tử spread, nội suy chuỗi hoặc destructure một giá trị, bạn có thể cảm ơn CoffeeScript.

3:39

A GitHub, Dropbox, and a long list of early 2010 startups adopted it.

Nhưng Jeremy vẫn chưa dừng lại.

3:43

And for

Đến năm 2010, anh đã cung cấp cho JavaScript một thư viện chuẩn với underscore và một cú pháp tốt hơn với CoffeeScript.

3:44

a few years, it was the default choice for anyone who took JavaScript seriously.

3:48

Today, Coffecript is basically dead after its best features were absorbed into JavaScript itself.

3:53

But every time your agent writes a class, arrow function, default parameters, a spread operator, does string interpolation or dstructures a value, you can thank coffecript.

4:02

But Jeremy still wasn't done yet.

4:04

By 2010, he had given JavaScript a standard library with underscore and a better syntax with coffecript.

4:10

But there was still one massive problem left.

Nhưng vẫn còn một vấn đề lớn chưa được giải quyết.

4:12

There

Không

4:13

was no good way to actually structure a JavaScript application.

Có cách nào tốt để thực sự cấu trúc một ứng dụng JavaScript.

4:16

If you wanted to build a large clientsideheavy app, you would still end up with thousands of lines of spaghetti where your data, DOM manipulation, and event handlers were all tangled together.

Nếu bạn muốn xây dựng một ứng dụng nặng về phía máy khách, bạn vẫn sẽ kết thúc với hàng ngàn dòng mã spaghetti nơi dữ liệu, thao tác DOM và trình xử lý sự kiện bị trộn lẫn với nhau.

4:27

So, in 2010, Jeremy released Backbone.js, a tiny library of less than 2,000 lines of code that gave JavaScript developers their

Vì vậy, vào năm 2010, Jeremy đã phát hành Backbone.js, một thư viện nhỏ với chưa đến 2.000 dòng mã, mang đến cho các nhà phát triển JavaScript

4:34

first real taste of MVC on the front end.

Trải nghiệm thực sự đầu tiên về MVC ở phía front-end.

4:36

It introduced models for your data, collections for groups of models, views for rendering, and an event system that let everything stay in sync without the need to wire it up by hand.

Nó giới thiệu models cho dữ liệu, collections cho các nhóm model, views để hiển thị, và một hệ thống sự kiện giúp mọi thứ đồng bộ mà không cần phải kết nối thủ công.

4:46

But for the first time, you could build a serious clientside app without it collapsing under its own weight.

Nhưng lần đầu tiên, bạn có thể xây dựng một ứng dụng phía máy khách nghiêm túc mà không bị sụp đổ dưới sức nặng của chính nó.

4:52

And with Jeremy's track record, it quickly caught on,

Và với thành tích của Jeremy, nó nhanh chóng được ưa chuộng,

4:55

powering the early versions of Trello, Airbnb, Hulu, Pinterest, and basically every other startup that needed a real front end between 2011 and 2014.

Cung cấp sức mạnh cho các phiên bản đầu của Trello, Airbnb, Hulu, Pinterest, và hầu hết mọi startup khác cần một front-end thực sự từ năm 2011 đến 2014.

5:03

If you were a JavaScript developer during that window, you almost certainly wrote Backbone and you probably thought it was the future.

Nếu bạn là một nhà phát triển JavaScript trong khoảng thời gian đó, gần như chắc chắn bạn đã viết Backbone và bạn có thể nghĩ đó là tương lai.

5:10

But as it turns out, it wasn't.

Nhưng hóa ra, nó không phải.

5:12

Angular, Ember, and eventually React would make Backbone obsolete by

Angular, Ember, và cuối cùng là React sẽ làm cho Backbone trở nên lỗi thời bằng cách

5:16

taking its core ideas and pushing them further.

Lấy các ý tưởng cốt lõi của nó và đẩy chúng đi xa hơn.

5:18

But Backbone was the library that proved you could actually build clientsideheavy applications.

Nhưng Backbone là thư viện đã chứng minh rằng bạn thực sự có thể xây dựng các ứng dụng nặng về phía máy khách.

5:22

It's easy to forget how bad JavaScript used to be, and even easier to forget the people who fixed it.

Thật dễ dàng để quên JavaScript đã tệ như thế nào, và thậm chí còn dễ dàng hơn để quên những người đã sửa nó.

5:27

But the modern web was built on top of ideas that Jeremy Ashken has pioneered, even if no one remembers him.

Nhưng web hiện đại được xây dựng trên những ý tưởng mà Jeremy Ashken đã tiên phong, ngay cả khi không ai nhớ đến anh ấy.

5:34

But speaking of things you no longer have to build yourself, O is another one that thanks to Clerk, the sponsor of today's video, they just launched the Clerk CLI, which comes with commands that are even more powerful than the ones I saw at that human dog show.

Nhưng nói về những thứ bạn không còn phải tự xây dựng nữa, O là một thứ khác nhờ Clerk, nhà tài trợ của video hôm nay, họ vừa ra mắt Clerk CLI, đi kèm với các lệnh thậm chí còn mạnh mẽ hơn những lệnh tôi thấy tại buổi trình diễn chó người đó.

5:47

Just run Clerk andit in any directory, and it'll set up endto-end authentication for your entire project with custom

Chỉ cần chạy Clerk và nó trong bất kỳ thư mục nào, nó sẽ thiết lập xác thực đầu cuối cho toàn bộ dự án của bạn với

5:53

middleware, O pages, and environment variables.

Middleware tùy chỉnh, các trang O và biến môi trường.

5:55

It even detects if you're migrating from next off or off zero and walks you through the entire process.

Nó thậm chí còn phát hiện nếu bạn đang di chuyển từ next off hoặc off zero và hướng dẫn bạn qua toàn bộ quy trình.

6:02

And since they know you're using agents to do all your dirty work, they also created clerk skills which ships framework specific patterns pinned to the CLI version.

Và vì họ biết bạn đang sử dụng các tác nhân để làm tất cả công việc bẩn thỉu của mình, họ cũng tạo ra các kỹ năng clerk, cung cấp các mẫu cụ thể theo framework được gắn với phiên bản CLI.

6:09

They see your coding agent knows exactly how to use it.

Họ thấy tác nhân mã hóa của bạn biết chính xác cách sử dụng nó.

6:13

And the clerk API command lets your agent hit the entire clerk backend API from the terminal without copy and pasting credentials.

Và lệnh clerk API cho phép tác nhân của bạn truy cập toàn bộ API backend của clerk từ terminal mà không cần sao chép và dán thông tin đăng nhập.

6:19

Try it out for free today

Hãy dùng thử miễn phí ngay hôm nay

6:21

at the link below or just run clerk init to get started.

Tại liên kết bên dưới hoặc chỉ cần chạy clerk init để bắt đầu.

6:24

The thanks for watching and I will see you in the next one.

Cảm ơn đã xem và tôi sẽ gặp bạn trong video tiếp theo.

Transcript

Hiển thị

JavaScript's Dark Age

In 2009, JavaScript was widely considered a terrible language, designed hastily and lacking standard library, modules, or classes. Developers faced browser inconsistencies and had to use workarounds like jQuery. The language was seen as inferior, and JavaScript developers were looked down upon. This chapter sets the stage for the transformation that Jeremy Ashkenas would lead.

Năm 2009, JavaScript bị coi là một ngôn ngữ tồi tệ, được thiết kế vội vàng, thiếu thư viện chuẩn, module hay lớp. Các nhà phát triển phải đối mặt với sự không tương thích giữa các trình duyệt và phải dùng các giải pháp thay thế như jQuery. Ngôn ngữ này bị xem là kém cỏi, và các lập trình viên JavaScript bị coi thường. Chương này đặt bối cảnh cho sự chuyển đổi mà Jeremy Ashkenas sẽ dẫn dắt.

It's 2009.

Đó là năm 2009.

You're at a Hannah Montana movie and your phone won't stop buzzing with notifications from a new dating app you just downloaded.

Bạn đang xem phim Hannah Montana và điện thoại không ngừng rung với thông báo từ một ứng dụng hẹn hò mới bạn vừa tải.

Your favorite artist is supposed to be releasing a new album next year.

Nghệ sĩ yêu thích của bạn dự kiến sẽ phát hành album mới vào năm sau.

Your favorite TV show is currently being made into a movie and you're still riding high from arguing how many days are in a week on the bodybuilding.com forums.

Life is good,

Cuộc sống thật tốt đẹp,

at least on the weekends, because during the week you have to spend all day using the worst programming language ever invented, a language that was famously designed in 10 days.

But after using it, it had you wondering what Brendan did after day two.

Nhưng sau khi sử dụng nó, bạn tự hỏi Brendan đã làm gì sau ngày thứ hai.

A language that every browser interpreted differently, had no standard library, modules, or classes.

Một ngôn ngữ mà mỗi trình duyệt diễn giải khác nhau, không có thư viện chuẩn, module hay lớp.

And if your primary job was to write it, I'm told you were a massive loser who didn't deserve to feel loved.

Và nếu công việc chính của bạn là viết nó, tôi được biết bạn là một kẻ thất bại lớn không xứng đáng được yêu thương.

At least that's how things were in 2009.

Ít nhất đó là những gì đã xảy ra vào năm 2009.

But over the next decade, that sentiment changed.

Nhưng trong thập kỷ tiếp theo, quan điểm đó đã thay đổi.

JavaScript went from being a language that you'd never touch directly without putting on a jQuery hazmat suit first to arguably the most popular programming language in the world.

While JavaScript developers, despite all the stupid stickers on their MacBooks, went from being considered script kitties to real programmers with actual feelings and emotions.

So, how exactly did this mass

Vậy, chính xác thì sự hoang tưởng tập thể này

psychosis happen?

đã xảy ra như thế nào?

There's a bunch of different reasons, but in my opinion, I think the most underrated was all led by a single person who has since been forgotten to time, Jeremy Ashkenus.

In 2009, Jeremy was a developer at Document Cloud, where he had the unfortunate task of working on a heavy clientside JavaScript application, which was rare at that time.

Having a background in

Có nền tảng về Ruby,

And so he did.

Và anh đã làm được.

His first act was dealing with the fact that JavaScript had no

Hành động đầu tiên của anh là giải quyết việc JavaScript không có thư viện chuẩn.

standard library.

Một lần nữa, đây là năm 2009.

Again, this was 2009.

1 / 5