Prática de Shadowing: The forgotten developer who saved JavaScript... - Aprenda a falar inglês com o YouTube
B2
It's 2009.
120 frases
Se as frases estiverem muito curtas ou longas, clique em Edit para ajustá-las.
1
It's 2009.
2
You're at a Hannah Montana movie,
3
and your phone won't stop buzzing with notifications from a new dating app you just downloaded.
4
Your favorite artist is supposed to be releasing a new album next year.
5
Your favorite TV show is currently being made into a movie.
6
And you're still riding high from arguing how many days are in a week on the bodybuilding.com forums.
7
Life is good, at least on the weekends.
8
Because during the week, you have to spend all day using the worst programming language ever invented.
9
A language that was famously designed in 10 days,
10
but after using it, it had you wondering what Brendan did after day two.
11
A language that every browser interpreted differently,
12
had no standard library, modules,
13
or classes, and if your primary job was to write it,
14
I'm told you were a massive loser who didn't deserve to feel love.
15
At least that's how things were in 2009.
16
But over the next decade, that sentiment changed.
17
JavaScript went from being a language that you'd never touch directly without putting on a jQuery hazmat suit first,
18
to arguably the most popular programming language in the world,
19
while JavaScript developers, despite all the stupid stickers on their MacBooks,
20
went from being considered script kitties to real programmers with actual feelings and emotions.
21
So how exactly did this mass psychosis happen?
22
There's a bunch of different reasons,
23
but in my opinion,
24
I think the most underrated was all led by a single person who has since been forgotten to time, Jeremy Ashkenis.
25
In 2009, Jeremy was a developer at Document Cloud,
26
where he had the unfortunate task of working on a heavy client-side JavaScript application,
27
which was rare at that time.
28
Having a background in Ruby,
29
but being forced to write JavaScript,
30
I assume every morning he'd wake up and think to himself,
31
wow, today might be a good day to b***ing b*** myself off the b***ing Golden Gate Bridge.
32
But unlike everyone else who had JavaScript Stockholm Syndrome,
33
Jeremy had the audacity to think he could fix it,
34
and so he did.
35
His first act was dealing with the fact that JavaScript had no standard library.
36
Again, this was 2009.
37
Although Firefox had shipped support for some array helper methods like map,
38
reduce, and foreach, Internet Explorer hadn't yet,
39
which meant you couldn't use them unless you polyfilled them.
40
So to fix this, Jeremy released Underscore.js,
41
a utility belt library that contained about 60 helper functions that made it easier to work with the Rays and Objects.
42
Now, I know that doesn't sound exciting today,
43
but building for the web was so bad back then
44
that Underscore likely did save a few people from throwing themselves off the f***ing Golden Gate Bridge.
45
Underscore got so popular that many of its features were adopted into the JavaScript language itself,
46
which eventually made it obsolete.
47
But Underscore was only Jeremy's first act.
48
Next, he decided instead of augmenting fish head JavaScript with a new library,
49
he'd have more freedom if he just created an entirely new language with large cannons.
50
Again, I can't stress this enough,
51
the JavaScript in 2009 was very different than it is today.
52
There were no classes,
53
so inheritance was done through a pattern where you'd manually attach properties to a hidden object called prototype
54
that every function had access to.
55
The only way to declare a variable had bizarre scoping rules that hoisted declarations to the top of a function,
56
whether you were aware of it or not.
57
No one really understood or cared about the difference between the equality operator and the identity operator,
58
so you'd have a bunch of type coercion happening without even realizing it.
59
And to define even a simple function,
60
you had to literally type out the word function every single time,
61
which led to some pretty ugly code.
62
By building a new language that compiled a JavaScript,
63
Jeremy could fix it without having to wait for the standards committee or browser vendors to do it themselves.
64
And even better, he could leave JavaScript the bad parts in that musty room Brendan spent 10 days in.
65
And for a while, CoffeeScript was huge.
66
Father DHH adopted it almost overnight,
67
and in 2011, it shipped as the default JavaScript preprocessor in Rails 3.1,
68
meaning the front end for every new Rails app in the world was suddenly written in CoffeeScript.
69
GitHub, Dropbox, and a long list of early 2010 startups adopted it,
70
and for a few years,
71
it was the default choice for anyone who took JavaScript seriously.
72
Today, CoffeeScript is basically dead after its best features were absorbed into JavaScript itself,
73
but every time your agent writes a class,
74
arrow function, default parameters, a spread operator,
75
does string interpolation, or destructures a value, you can thank CoffeeScript.
76
But Jeremy still wasn't done yet.
77
By 2010, he had given JavaScript a standard library with underscore,
78
and a better syntax with CoffeeScript.
79
But there was still one massive problem left.
80
There was no good way to actually structure a JavaScript application.
81
If you wanted to build a large,
82
client-side-heavy app, you would still end up with thousands of lines of spaghetti where your data,
83
DOM manipulation, and event handlers were all tangled together.
84
So in 2010, Jeremy released Backbone.js,
85
a tiny library of less than 2,000 lines of code
86
that gave JavaScript developers their first real taste of MVC on the front end.
87
It introduced models for your data,
88
collections for groups of models,
89
views for rendering, and an event system that let everything stay in sync without the need to wire it up by hand.
90
But for the first time,
91
you could build a serious client-side app without it collapsing under its own weight.
92
And with Jeremy's track record,
93
it quickly caught on, powering the early versions of Trello,
94
Airbnb, Hulu, Pinterest, and basically every other startup that needed a real front end between 2011 and 2014.
95
If you were a JavaScript developer during that window,
96
you almost certainly wrote Backbone,
97
and you probably thought it was the future.
98
But as it turns out, it wasn't.
99
Angular, Ember, and eventually React would make Backbone obsolete by taking its core ideas and pushing them further.
100
But Backbone was the library that proved you could actually build client-side heavy applications.
101
It's easy to forget how bad JavaScript used to be,
102
and even easier to forget the people who fixed it.
103
But the modern web was built on top of ideas that Jeremy Ashkenis pioneered,
104
even if no one remembers him.
105
But speaking of things you no longer have to build yourself,
106
Auth is another one, thanks to Clerc,
107
the sponsor of today's video.
108
They just launched the Clerc CLI,
109
which comes with commands that are even more powerful than the ones I saw at that human dog show.
110
Just run clerk init in any directory,
111
and it'll set up end-to-end authentication for your entire project with custom middleware,
112
auth pages, and environment variables.
113
It even detects if you're migrating from next auth or auth zero and walks you through the entire process.
114
And since they know you're using agents to do all your dirty work,
115
they also created clerk skills,
116
which ships framework-specific patterns pinned to the CLI version so your coding agent knows exactly how to use it.
117
And the clerk API command lets your agent hit the entire clerk backend API from the terminal without copy and pasting credentials.
118
Try it out for free today at the link below,
119
or just run clerk init to get started.
120
Thanks for watching, and I will see you in the next one.
Baixar aplicativo
Pontuação por IA para cada frase que você fala
TRENDING
Populares
Sobre Esta Aula
Nesta aula, você irá praticar inglês ouvindo um vídeo que explora a evolução do JavaScript por meio da história de um desenvolvedor esquecido, Jeremy Ashkenis. Através do material apresentado, você ficará exposto a vocabulário específico do mundo da programação, além de expressões coloquiais e um tom informal que é útil para entender como os nativos se comunicam. Essa prática será enriquecedora, não só para expandir seu léxico, mas também para aprimorar sua fluência por meio da técnica de shadowing, onde você repetirá o que ouve em tempo real, melhorando sua pronúncia e compreensão auditiva.
Vocabulário e Frases Chave
- Programação: A prática de escrever código para criar software.
- Desenvolvedor: Profissional que cria e mantém software.
- Linguagem de programação: Um conjunto de instruções usadas para programar computadores.
- Biblioteca padrão: Um conjunto de funções e métodos disponíveis em uma linguagem de programação.
- Polyfill: Um trecho de código que permite que funcionalidades modernas sejam usadas em navegadores antigos.
- Fluência: A capacidade de falar um idioma fluentemente.
- Shadowing: Técnica de aprendizagem onde ouvimos e repetimos o que ouvimos.
Dicas de Prática
Para aproveitar ao máximo seu tempo de prática com este vídeo, aqui estão algumas dicas específicas:
- Escute o vídeo uma vez na íntegra para ter uma ideia do conteúdo e do tom geral.
- Ative as legendas em inglês, se disponíveis, para acompanhar as palavras enquanto ouve.
- Use a técnica de shadowing: repita imediatamente após ouvir, tentando imitar a entonação e o ritmo do falante.
- Se você encontrar alguma palavra ou expressão nova, pause e escute novamente, tentando repetir até se sentir confortável.
- Pratique com frequência, estabelecendo uma rotina diária de ouvir e repetir, para maximizar sua prática de conversação em inglês.
Com o uso do shadowspeak, você encontrará uma maneira dinâmica de melhorar suas habilidades em inglês, tornando seu aprendizado mais divertido e eficiente. Lembre-se: a prática constante é essencial para a fluência!
O que é a Técnica de Shadowing?
Shadowing é uma técnica de aprendizado de idiomas com base científica, originalmente desenvolvida para o treinamento de intérpretes profissionais. O método é simples, mas poderoso: você ouve áudio em inglês nativo e repete imediatamente em voz alta — como uma sombra seguindo o falante com 1-2 segundos de atraso. Pesquisas mostram melhora significativa na precisão da pronúncia, entonação, ritmo, sons conectados, compreensão auditiva e fluência na fala.
☕ Pague-nos um café
O ShadowingEnglish permanece 100% gratuito graças ao seu apoio. Os custos de servidor e IA são altos — seu café nos mantém ativos! 🙏