JavaScript: como chegamos até aqui? - Curso JavaScript #02

Summary

This video script offers an in-depth exploration of JavaScript's history and evolution. It clarifies misconceptions between JavaScript and Java, highlighting JavaScript's unique role in web development alongside HTML and CSS. The script traces the language's origins from the ARPANET to the creation of the World Wide Web by Tim Berners-Lee and the subsequent development of JavaScript by Netscape. It discusses the impact of Microsoft's JScript and the standardization of JavaScript into ECMAScript. The presenter also touches on modern JavaScript engines like Google Chrome's V8 and the rise of Node.js, emphasizing the importance of understanding JavaScript fundamentals before delving into frameworks and libraries.

Takeaways

• 🌐 The script starts with questions about the difference between a client and a server in internet infrastructure, and the roles each plays within network infrastructures.
• 🔍 It asks to differentiate between HTML, CSS, and JavaScript, explaining the specialties and purposes of each technology.
• 💻 The script mentions that if one cannot answer the questions immediately, it may indicate a lack of attention in the previous lesson, and encourages reviewing the course material.
• 📚 The video course is sponsored by Google and is taught by Gustavo Guanabara, who aims to clarify the relationship between JavaScript and Java, and their distinct functionalities.
• 🕒 The script provides a historical timeline of the internet, starting from the ARPANET in the 1960s, highlighting its evolution and the creation of the World Wide Web by Tim Berners-Lee in 1993.
• 🌐 It explains the emergence of HTML and HTTP as foundational technologies for the web, and the development of the first web browser, Mosaic, by Marc Andreessen.
• 🛠️ The creation of JavaScript by Netscape's Brendan Eich in 1995 is detailed, including the marketing decision to name it JavaScript, despite its differences from Java.
• 📈 The script discusses the browser wars between Netscape and Microsoft, leading to the development of Internet Explorer and the eventual rise of Google Chrome.
• 🛡️ It highlights the importance of the ECMAScript standardization of JavaScript by the European Computer Manufacturers Association (ECMA) in 1997.
• 🔧 The script mentions various JavaScript engines used by different browsers, such as V8 in Google Chrome, and the impact of the open-source V8 on projects like Node.js.
• 🚀 The course concludes by emphasizing the importance of understanding JavaScript before diving into frameworks and libraries like jQuery, Angular, React, and Vue.js.

Q & A

What is the fundamental difference between a client and a server in internet infrastructure?

A client is a software or device that requests data, services, or resources from a server, which is a system that provides these services or resources. In the context of the internet, clients can be web browsers, while servers can be web servers hosting websites or databases.

What are the basic roles of HTML, CSS, and JavaScript in web development?

HTML (HyperText Markup Language) is used to create the structure and content of a webpage. CSS (Cascading Style Sheets) is used for styling and layout of the webpage, including colors, fonts, and responsiveness. JavaScript is a scripting language that enables interactivity on webpages, allowing for dynamic content updates and user interactions.

Can you name four websites that heavily utilize JavaScript?

While many websites use JavaScript, specific examples are not provided in the script. However, popular interactive sites like Google Maps, Facebook, Twitter, and Airbnb are known for their extensive use of JavaScript to enhance user experience.

What was the historical context that led to the creation of the Internet?

The Internet's early development was influenced by the Cold War between the USA and the USSR. The US military, under President Dwight D. Eisenhower, created ARPANET to ensure data security and communication between military centers, which eventually evolved into the modern Internet.

Who is credited with the creation of the World Wide Web (WWW), and what year was it created?

Tim Berners-Lee is credited with the creation of the World Wide Web. He developed HTML, HTTP, and founded the WWW in 1993 while working at CERN.

What is the relationship between JavaScript and Java, and why do they have similar names?

JavaScript and Java are not the same and do not share much in terms of syntax or functionality. The similarity in their names is due to a marketing decision by Netscape, which wanted to capitalize on the popularity of Java at the time of JavaScript's creation.

What is ECMAScript, and how is it related to JavaScript?

ECMAScript is the standardized version of JavaScript, developed by the European Computer Manufacturers Association (ECMA). It was created to standardize the scripting language that Netscape had initially developed and named JavaScript.

What was the significance of the Mosaic browser in the evolution of the Internet?

The Mosaic browser was significant as it was one of the first graphical web browsers, making the Internet more accessible and user-friendly. It was also the basis for the development of later browsers like Netscape Navigator.

How did the creation of Google Chrome impact the popularity of JavaScript?

Google Chrome's creation had a significant impact on JavaScript's popularity due to its powerful JavaScript engine, V8, which made JavaScript run faster and more efficiently, leading to its widespread adoption for web development.

What is Node.js, and how does it relate to JavaScript's use outside of the browser?

Node.js is a server-side platform built on the V8 JavaScript engine that allows JavaScript to be used for server-side scripting, enabling the development of applications that run JavaScript outside of the browser environment.

What are some of the modern frameworks and libraries that utilize JavaScript, and why is it important to learn JavaScript before diving into these technologies?

Modern frameworks and libraries such as Angular, React, and Vue.js utilize JavaScript. It is important to learn JavaScript before using these technologies because they are built on top of JavaScript, and a solid understanding of JavaScript is essential for effectively using these tools and frameworks.

Outlines

00:00

🤔 Introduction to JavaScript Course and Pre-Quiz

The script begins with a pre-quiz to assess the viewer's understanding of fundamental internet infrastructure, client-server relationships, and the roles of HTML, CSS, and JavaScript. The instructor emphasizes the importance of paying attention to the previous lesson and offers a playlist for review. The lesson is part of a JavaScript course sponsored by Google, taught by Gustavo Guanabara, who promises to clarify the differences and similarities between JavaScript and Java.

05:03

🌐 The Evolution of the Internet and JavaScript

This paragraph delves into the history of the internet, starting with its military origins during the Cold War era. The ARPANET network is introduced, explaining its initial purpose to protect military data. The script then transitions to the creation of the World Wide Web by Tim Berners-Lee in 1993, detailing the development of HTML, HTTP, and the founding of the WWW. The importance of the Mosaic browser and the subsequent rise of Netscape and its influence on the internet landscape are also discussed.

10:09

💻 The Birth of JavaScript and Its Market Impact

The paragraph discusses the creation of JavaScript by Netscape's employee Brandon Eich, initially named Mocha, and later LiveScript. It explains how JavaScript got its name as a marketing strategy to capitalize on the popularity of Java. The paragraph also covers Microsoft's response with the development of JScript and Netscape's move to standardize JavaScript through ECMA, leading to the creation of ECMAScript. The historical context of browser market competition and the evolution of JavaScript's naming and standardization are highlighted.

15:11

🔧 Browser Wars and the Rise of Modern JavaScript

This section covers the 'browser wars' between Netscape and Microsoft, leading to Netscape's decline and the eventual rise of Mozilla Foundation and Firefox. It then discusses Google's entry with Chrome and its V8 engine, which revolutionized JavaScript performance with Just-In-Time compilation. The paragraph also touches on the open-source nature of V8 and the birth of Node.js, which allowed JavaScript to be used server-side, significantly expanding its application scope.

20:13

📚 JavaScript's Growth and Its Ecosystem

The final paragraph summarizes the evolution of ECMAScript, detailing its various versions and the introduction of new features like let/const declarations and template literals. It also provides an overview of the JavaScript ecosystem, including the rise of frameworks and libraries such as jQuery, Angular, React, and Vue.js. The instructor emphasizes the importance of learning JavaScript fundamentals before delving into these technologies and encourages revisiting the historical overview as a reference for future studies.

Keywords

💡Client-Server Model

The client-server model is a network architecture where clients, or service requesters, rely on servers, or service providers, to process data, which is central to the infrastructure of the internet. In the script, this concept is fundamental to understanding the roles within a network infrastructure, where the client initiates requests and the server responds to those requests, performing tasks such as data storage and processing.

💡HTML

HTML, or HyperText Markup Language, is the standard markup language used to create and design web pages. It structures content on the web and is one of the core technologies of the internet, alongside CSS and JavaScript. In the script, HTML is mentioned as part of the foundational technologies that the video aims to differentiate and explain, highlighting its role in making content interactive.

💡CSS

CSS, or Cascading Style Sheets, is a stylesheet language used for describing the presentation of a document written in HTML or XML. It provides a way to control the look and feel of web content, including layout, colors, and fonts. The script briefly touches on CSS as one of the technologies that are essential to web development, each with its own specialties and purposes.

💡JavaScript

JavaScript is a high-level, interpreted programming language commonly used for enhancing web pages with interactive elements. It is one of the core technologies of the web, alongside HTML and CSS. The script discusses JavaScript extensively, including its evolution, its distinction from Java, and its importance in web development, with the video series focusing on teaching this language.

💡ECMAScript

ECMAScript is a standardized version of the JavaScript programming language, specified by the ECMAScript standard. It was created to ensure compatibility and interoperability between different JavaScript implementations. The script explains that ECMAScript is essentially the standardized form of JavaScript, which is a key point in understanding the language's development and usage.

💡Netscape

Netscape was a web browser once dominated the market, and it played a significant role in the development of JavaScript. In the script, Netscape is mentioned as the company that initially developed JavaScript and later sought to standardize it through the ECMA organization, leading to the creation of ECMAScript.

💡Internet Explorer

Internet Explorer is a web browser developed by Microsoft and once bundled with the Windows operating system. The script discusses Internet Explorer in the context of the browser wars of the 1990s, where it competed with Netscape, and Microsoft's decision to create its own version of JavaScript called JScript.

💡Google Chrome

Google Chrome is a web browser developed by Google, known for its speed and security. The script highlights Google Chrome's impact on the web development landscape, particularly with its powerful JavaScript engine called V8, which has contributed to the browser's popularity and the advancement of JavaScript as a language.

💡Node.js

Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine, which allows JavaScript to be run on the server-side, outside the web browser environment. The script explains that Node.js was created by adapting the V8 engine to run JavaScript in a server context, which has significantly expanded the capabilities and usage of JavaScript.

💡Frameworks and Libraries

Frameworks and libraries are tools that facilitate the development process by providing pre-written code and functionality. In the script, various JavaScript frameworks and libraries such as jQuery, Angular, React, and Vue.js are mentioned. These tools are built on top of JavaScript and offer more advanced features for web development, emphasizing the importance of understanding JavaScript before delving into these technologies.

💡Web Development

Web development is the process of creating, maintaining, and developing websites. It involves a wide range of technologies, including HTML, CSS, and JavaScript. The script provides an overview of the evolution of web development technologies, particularly focusing on JavaScript and its role in shaping the field, from the early days of static HTML to the dynamic, interactive web applications of today.

Highlights

The difference between a client and a server in internet infrastructure is explained.

The roles of HTML, CSS, and JavaScript in web infrastructure are differentiated.

The importance of understanding the core technologies of the internet is emphasized.

Four websites utilizing JavaScript are requested as an example of its application.

The course playlist is recommended for those who struggle with the initial questions.

The myth about JavaScript and Java being the same or different is addressed.

The historical context of the internet's development from the 1960s is provided.

The creation of ARPANET as a military technology is discussed.

The evolution of ARPANET into the modern Internet is outlined.

The invention of HTML, HTTP, and the World Wide Web by Tim Berners-Lee in 1993 is highlighted.

The launch of the Mosaic browser and its significance in web technology is explained.

Netscape's creation of a browser and its internal project named Mozilla is mentioned.

The development of JavaScript by Netscape and its initial naming as Mocha and LiveScript is covered.

The marketing decision to name the language JavaScript instead of LiveScript is discussed.

The creation of JScript by Microsoft as a competitor to JavaScript is noted.

The standardization of JavaScript into ECMAScript by the ECMA organization is explained.

The end of the browser war between Netscape and Microsoft, leading to the creation of Firefox, is highlighted.

The introduction and success of Google Chrome and its impact on the browser market is discussed.

The development of Node.js, allowing JavaScript to run on the server-side, is covered.

The evolution of ECMAScript versions and their features from ES5 to ES2018 is outlined.

The importance of learning JavaScript before diving into frameworks and libraries is emphasized.

Frameworks like Angular, React, and Vue.js are mentioned as technologies built on top of JavaScript.

The rise of tools like Electron, Ionic, and Cordova for building applications with JavaScript is highlighted.

The existence of libraries and SDKs for game development in JavaScript is noted.

The advice to review the evolution of JavaScript after learning the basics is given.

Transcripts

Antes de começar a sua aula 2 do curso de JavaScript

eu tenho algumas perguntas pra te fazer:

Em primeiro lugar, uma pergunta simples, mas muito importante.

Você sabe a diferença entre um cliente e um servidor para a infraestrutura da internet?

Você sabe diferenciar basicamente dentro de uma infraestrutura de redes, o que é um cliente suas tarefas

e o que é um servidor e suas tarefas? Outra coisa, você sabe diferenciar as tecnologias HTML, CSS,

JavaScript e o que cada uma faz?

Quais são as especialidades de cada uma? Para que cada uma serve?

Você consegue citar pra mim, de bate-pronto

4 sites que utilizam a tecnologia JavaScript no seu coração?

Pois saiba que se você ficou em dúvida em qualquer uma dessas perguntas

ou não sabe responder assim de imediato, é sinal que você não assistiu

ou não prestou muita atenção na aula anterior.

Então não se esquece que aqui em cima você tem acesso a playlist do curso

completo eu te recomendo ver todas as aulas na sequência.

Inclusive para poder responder essas perguntas que eu acabei de fazer.

Agora se você conseguiu responder tudo direitinho

seja bem-vindo, seja bem-vinda à aula 2 do seu curso de JavaScript

Legendas: Tainá Bandeira

Olá, pequeno Gafanhoto! Seja bem-vindo à sua segunda aula do Curso em Vídeo de JavaScript,

totalmente patrocinado pelo Google. O meu nome é Gustavo Guanabara,

eu sou professor e como eu disse no início do vídeo, nós vamos nessa aula

acabar de uma vez por todas com essa dúvida:

JavaScript e Java são a mesma coisa?

São diferentes? Por que eles têm um nome tão parecidos se eles são diferentes?

Ou se eles são iguais, por que tem o "Script" no final de um e não tem "Script" no final do outro?

A gente vai, até final dessa aula, responder todas as suas perguntas.

E se você viu nesse vídeo o título da aula que é a "Evolução do JavaScript"

e está pensando nesse momento em pular falando assim: "acho que eu não quero esse negócio não".

Vai por mim, eu te dou o conselho. Assiste esse vídeo até o final

porque quando a gente entende de onde vem uma tecnologia,

a gente entende até mesmo para onde ela vai.

Dá pra gente ter essa noção e além do mais,

tem outra dúvida que muita gente tem:

Javascript, ECMAScript, tem alguma relação entre eles?

O que é esse tal de "ECMAScript" que me mandaram estudar?

E para todas essas suas dúvidas, essa Aula 2 tem a resposta.

Então sente-se confortavelmente, pare de usar o Facebook e o Instagram ao mesmo tempo,

foca sua atenção aqui nessa aula, com certeza no final você vai saber pra caramba sobre JavaScript.

E como toda evolução, a gente precisa de uma linha do tempo, eu vou te mostrar aqui

toda a evolução da linguagem numa linha do tempo. É claro que eu não vou falar de todos os tópicos,

tópico por tópico, senão esse vídeo ia ficar com mais de duas horas.

E o objetivo aqui é não levar o seu tempo, o meu foco é te dar todas as informações

no menor tempo possível, mas sem perder a qualidade. E toda a nossa história, quando a gente fala de JavaScript,

começa com a história da própria Internet.

Em 1970 surgiu os primórdios da Internet, na verdade foi antes de 70,

em meados da década de 60, se você estudou um pouquinho de história.

Você deve se lembrar existia uma Guerra entre EUA e URSS

que ficou conhecida mais tarde como a grande Guerra Fria.

E essa guerra não foi uma guerra de batalhas físicas, de tiroteio, aquele negócio todo.

Ela foi uma guerra essencialmente psicológica e tecnológica.

Onde (convenhamos) os EUA estavam perdendo feio.

Isso porque a URSS tinha muito mais tecnologia

naquela época do que os EUA, inclusive foi ela (a URSS) que lançou o primeiro satélite artificial.

O famoso Sputnik.

É claro que a função do Sputnik não era muita coisa não,

mas os EUA não sabiam disso, na verdade eles tinham medos constante de serem atacados.

E aí, em meados da década de 60, o presidente militar da época

o Dwight D. Eisenhower decretou a criação de uma agência de pesquisa tecnológica, a DARPA.

E a função da DARPA, como acabei de falar, era pesquisar tecnologias para a guerra.

Uma dessas tecnologias envolvia a segurança dos centros militares.

Centro militar naquela época tinha computadores,

na verdade não era computador como você tem hoje na sua casa, eram grandes computadores

basicamente um centro militar tinha um computador cheio de dados dentro dele.

e se por acaso a URSS bombardeasse esse centro militar, todos os dados seriam perdidos.

A ideia da DARPA foi criar uma rede para proteger esses dados

onde um centro militar se comunicaria com o outro e se por acaso um fosse bombardeado,

os dados de um estavam dentro desse outro então os danos seriam físicos e não aos dados.

Essa rede ficou foi chamada de ARPANET. Era uma rede essencialmente gerenciada pelo governo e por militares,

mas tinha também muitas universidades dentro. Principalmente duas muito importantes:

a Universidade da Califórnia e um departamento que era o MIT, lá do outro lado dos EUA.

Essa rede sofreu um crescimento gigante durante alguns anos,

só que chegou um momento em que os militares e o governo não estavam mais dando conta

porque a rede cresceu pra caramba e a elas se juntaram a outras pequenas redes.

E foi nesse momento, durante a história da ARPANET, que ela mudou de nome várias vezes

e último nome que ficou foi a Internet. Sim, essa Internet que você tem hoje na sua casa,

surgiu lá em 1970, na época por conta de guerras.

Os anos se passaram e a ARPANET (no caso a Internet) sofreu várias atualizações,

vários crescimentos, novas tecnologias que surgiram, eu vou pular todas elas

mas uma que vai importar pra gente surgiu em 1993.

Em 1993 em Genebra, um inglês chamado Timothy Berners-Lee ou Tim Berners-Lee

ou TBL. Esse cara que tá aparecendo aqui embaixo foi o responsável pela criação de uma tecnologia

que a gente tem até hoje e é muito importante no nosso dia a dia, ele pesquisou um

meio de transformar o conteúdo em algo mais interativo através de ligações entre documentos.

Surgiu então a linguagem HTML, que foi criada por ele e por sua equipe,

o protocolo HTTP, que se juntou ao conjunto de protocolos TCP/IP que fazem parte da Internet

e também fundou a World Wide Web, a www que a gente usa até hoje,

basicamente quando você abre o navegador e digita www alguma coisa,

você está utilizando uma tecnologia que foi inventada em 1993 por Tim Berners-Lee e a sua equipe

que trabalha no CERN, que é uma Organização Européia para Pesquisa de Energia Nuclear.

Sendo assim, a World Wide Web (o www) surgiu em 1993, com Tim Berners-Lee.

Nesse mesmo ano, para que todas essas invenções de Tim Berners-Lee funcionassem

também era necessário um navegador. Surgia então, nos EUA, o Mosaic

ele era uma criação de um outro pesquisador, em outro centro de pesquisa que era NCSA

ou Centro Nacional de Aplicações de Supercomputadores

e esse pesquisador era o Marc Andreessen, esse que está aparecendo aqui no final da tela.

O Mosaic foi um navegador muito importante para a evolução da tecnologia porque ele foi o primeiro,

na verdade ele foi adaptado de um interpretador de Gopher que era um protocolo anterior ao HTTP,

mas ele foi adaptado e também funcionava com HTTP e também mostrava páginas Web.

Inclusive Marc Andreessen foi muito importante em 1994, quando ele saiu da NCSA

e se juntou com o cara bilionário o fundador da Silicon Graphics

chamado de Jim Clark, teve contato com a Internet e falou assim: "poxa eu vou abrir uma empresa disso ai",

chamou o Marc Andreessen e fundaram, os dois juntos, uma empresa chamada Netscape.

A empresa Netscape criou um navegador baseado no Mosaic e com toda a experiência que Andreessen tinha

e facilmente se tornou o navegador por mais famoso da Internet.

E uma curiosidade que tinha do Netscape: a equipe interna de desenvolvimento

sempre colocava nomes engraçados nas coisas. Um dos projetos internos dentro da Netscape,

era um grupo que homenageava o Godzilla, aquele bichão japonês gigante.

O nome do grupo era Mozilla e com certeza você já ouviu falar nesse nome,

mas segura as pontas aí que a história vai evoluindo. A Netscape, crescendo pra caramba

resolveu criar uma coisa baseada numa necessidade. O HTML era muito estático e foi aí, em 1995

que um ex-funcionário da Silicon Graphics, que trabalhava pro Jim Clark passou da Silicon Graphics

pra dentro da Netscape. O nome dele Brandon Eich, esse cara que apareceu aqui no meio

ele era um desenvolvedor e a tarefa dele foi a seguinte: criar uma linguagem que desse mais funcionalidades

ao simples HTML que existia na época, o Brandon Eich tinha um projeto e batizou a sua linguagem inicialmente

de Mocha que é um tipo de cafezinho e nessa mesma época estava surgindo uma linguagem lá da

Sun Microsystems chamada Java. Inclusive existe curso aqui de Java,

é só você clicar aqui em cima ou visitar o nosso canal Curso em Vídeo. Faça também o curso de Java

mas é importante dizer

JavaScript não é Java e Java não é JavaScript. Eu já vou te explicar, mas o fato é

em 1995, nesse ano que a gente está estudando agora, o Brandon Eich estava criando a linguagem Mocha

e estava nascendo ao mesmo tempo a linguagem Java. E essa linguagem Java

ganhou um sucesso muito grande na mídia, a mídia chamava a linguagem de "linguagem do futuro".

E então a Netscape pensou: "nós estamos criando uma linguagem, Java é a "linguagem do futuro",

nossa linguagem não vai nem se chamar Mocha". Na verdade ela tinha até outro nome,

Mocha foi o nome inicial ela se chamava depois LiveScript

e o pessoal da Netscape falou assim: "o nome Java faz sucesso,

não vamos chamar a nossa linguagem de LiveScript, nós vamos chamar a nossa linguagem

de JavaScript e então foi exatamente isso que aconteceu, exatamente isso que você acabou de ouvir.

O nome JavaScript não vem porque a linguagem JavaScript se parece com a linguagem Java.

Vem porque na época, estava fazendo sucesso falar a linguagem Java,

e aí os funcionários da Netscape, numa grande jogada de marketing falou assim:

"vou usar esse nome Java na minha linguagem também" e acabaram lançando

a linguagem JavaScript. Na verdade se você analisar, as linguagens Java e JavaScript

são bem diferentes entre si. É claro que alguns comandos se parecem bastante.

E nesse momento você deve estar pensando: "pô Guanabara, eu aprendi Java e JavaScript

e o if é igualzinho" na verdade o if, não é o if JavaScript e nem o if do Java. As duas linguagens

foram baseadas numa outra linguagem, chamada linguagem C

então é por isso que os comandos se parecem bastante, mas são linguagens completamente diferentes

JavaScript é uma coisa e Java é outra não confunda as bolas.

Surge então o nome JavaScript, e você já entendeu com a gente que não tem nada haver uma com a outra

foi só uma jogada de marketing e obviamente por conta da escolha desse nome

JavaScript foi uma linguagem que fez bastante sucesso, e você sabe o sucesso atrai o olho grande de algumas

outras empresas. E a empresa da vez foi a própria Microsoft, a criadora do Windows.

A ideia da Microsoft foi a seguinte: "nossa, JavaScript é uma linguagem legal,

vamos nós mesmos criar nossa própria linguagem" isso porque ela tinha acabado de lançar um outro navegador

que basicamente era o código base do Mosaic. O Mosaic ficou com o NCSA,

ele foi passado pra uma empresa, essa empresa foi comprada pela Microsoft, a Microsoft pegou o código

do Mosaic e lançou um navegador chamado Internet Explorer. Sim, eu sei que você está pensando

mas aguarda ai que você vai ver. O Internet Explorer foi lançado muito perto do ano de 1995

que é o ano que estamos estudando, junto com o Windows95 e a Microsoft não deixou pra trás:

"vamos criar nosso próprio JavaScript, com os mesmos comandos resolvendo alguns problemas

que as pessoas já tinha identificado e vamos batizar a nossa linguagem não de JavaScript e sim de JScript

porque pode rolar um processinho".

A Netscape obviamente pensou: "nossa, mas nós criamos a linguagem JavaScript, veio a Microsoft

meio que copiou, utilizando os mesmos comandos deu uma melhorada em outra vai acabar virando bagunça".

E a Netscape teve uma sacada muito boa, que foi padronizar a linguagem. E isso aconteceu em 1997,

quando a Netscape procurou uma empresa de padronização, nesse caso uma empresa européia,

a ECMA, que é a Associação Europeia de Fabricantes de Computadores.

A ECMA na Europa é tipo uma ISO nos EUA, ela padroniza as coisas.

E foi aí, com a Netscape cedendo o código JavaScript para ECMA para uma padronização, que surgiu

a linguagem ECMAScript. Basicamente a ECMAScript é a linguagem JavaScript padronizada.

Hoje, quando você estuda JavaScript, as pessoas pensam assim: "não, você vai estudar JavaScript

mas você vai estudar ECMA, não é?". Na verdade, essa frase significa que você vai estudar

a versão padronizada do JavaScript. Mais pra frente, a gente vai falar um pouco mais sobre essas versões.

Vamos passar mais alguns anos e vamos estudar o ano de 2002 e ver o que aconteceu nele

Basicamentem, 2002 foi o ano de encerramento da briga que existia entre a Netscape e a Microsoft

houve uma briga muito grande. O Internet Explorer foi embutido no sistema operacional Windows95,

o que fez com que a Netscape deixasse de ser um navegador mais famoso e mais instalado,

porque as pessoas já compraram um computador que já tinham navegador, que era o Internet Explorer

e com isso a Netscape deu uma caída e acabou falindo, mas as pessoas que trabalhavam lá criaram uma fundação

e a fundação ganhou o nome de um daqueles projetos que eu falei anteriormente, e foi em 2002 que surgiu

a Fundação Mozilla, que não desistiu de fazer navegador, ele só não se chamava mais Netscape

ele ganhou uma nova roupagem, um novo nome, um novo código e passou a ser o Firefox

que a gente usa até hoje, Firefox até ganhou uma grande notoriedade

mas acabou não sendo um grande navegador. Ele até hoje funciona, muita gente gosta.

Eu, particularmente, gosto pra caramba do Firefox, mas ele acabou perdendo muito espaço porque em 2008,

uma outra grande empresa acabou entrando nessa briga, a Netscape, a Microsoft, o mercado de Internet

crescendo pra caramba uma grande empresa, que inclusive é a patrocinadora do nosso curso

pensou assim: "também vou criar o meu próprio navegador".

Surgiu então o Google Chrome. E o Google Chrome cresceu para caramba,

nos primeiros dois anos de vida, ele já se tornou o terceiro navegador mais usado do mundo

hoje. No momento em que eu estou gravando esse vídeo,

o Google Chrome é o navegador mais famoso do mundo

Ele tem praticamente 50% do mercado. E o que o Google Chrome trouxe de bom

e que vai interessar a gente no aprendizado da linguagem JavaScript?

Ele tinha um motor interno de JavaScript muito poderoso e foi em 2009, que surgiu a versão

logo no inicio da V8, uma referência aos motores. O V8 é o motor por baixo do capô do Google Chrome

que roda JavaScript. Cada navegador tem o seu próprio motor, por exemplo:

o Firefox é o SpiderMonkey, no Safari ele se chama Nitro, no Opera é o Karakan

e na Microsoft no Edge é o Chakra. E uma das grandes vantagens

do V8, e que tornou ele muito importante, é que ele gerava

código JIT ou código "Just in Time". Eu não vou entrar nesse mérito aqui,

eu não vou entrar na explicação disso, mas é uma coisa muito boa. E outra coisa muito boa,

é que o V8 tem código aberto, é código livre qualquer pessoa pode mexer.

Inclusive um grupo pegou o código do V8 mexeu e fez a seguinte transformação:

o V8 só roda se eu tiver Google Chrome ele é código aberto,

se ele é código aberto eu posso modificar ele funcionar fora do Google Chrome

e essa iniciativa deu origem a uma famosa ferramenta que surgiu em 2010

chamada Node.js. Na verdade o Node.js é uma máquina que roda JavaScript

fora do navegador. Isso tornou, como eu disse no vídeo anterior, que o JavaScript

foi feito para rodar no cliente, rodando dentro do navegador,

o Node foi uma das grandes iniciativas, foi a que popularizou a saída do JavaScript dos navegadores.

Então hoje graças ao Node.js, e graças a outras máquinas que também rodam do lado de fora

mas o Node.js é o mais famoso de todos, hoje podemos ter JavaScript

do lado do servidor também. Mas volto a dizer: esse não é o foco desse nosso curso.

Então essa aqui é a nossa timeline que importa. É claro que faltou falar muita coisa

nesse momento você deve estar falando: "faltou falar de jQuery, você não falou de Vue.js,você não falou Angular,

você não falou de React". Calma meu querido, a gente está fazendo uma linha temporal bem básica

e esses aqui foram os que eu julguei importante para que você possa aprender

espero que você tenha entendido, espero que muitas das coisas que a gente falou aqui,

sirva pra você entender a evolução dessa maravilhosa linguagem JavaScript.

E agora, antes a gente finalizar eu preciso falar do ECMAScript. O ECMA, como a gente falou anteriormente,

é a padronização da linguagem JavaScript. Ele teve várias versões e várias funcionalidades

eu também não vou ficar falando sobre muitas funcionalidades

mas vou mostrar a evolução do ECMAScript pra você.

Como a gente viu anteriormente, a linguagem ECMAScript é a versão padronizada do JavaScript

Ela surgiu em 1997 com a versão 1.0 que era JavaScript1.1, que foi padronizado pela ECMA

mais tarde foi lançada a versão 2.0. Em 1998, um ano depois,

ela trouxe apenas algumas pequenas atualizações ao que tinha feito a versão 1.0

A versão 3.0 surgiu também um ano depois, em 1999 ela já trouxe compatibilidade com expressões regulares

já tinha o bloco try/cath para poder tratar erros, que não existia antes nas versões 1 e 2.0

mas já tinha na linguagem C, já tinha na linguagem Java e em 1999 meio que travou o projeto

As promessas para a versão 4.0 foram tão grandes que a versão nunca saía,

sabe aquele negócio de: "vou prometer que vai sair tal coisa", mas nunca sai

isso aconteceu com a versão 4.0 do ECMAScript, que sequer existiu e só em 2009,

pulando a versão 4, surgiu o ECMAScript versão 5 que já ficou conhecido como ES5,

essa versão é a mais popular de todas, compatíveis com quase todos os navegadores atuais,

ela se tornou compatível com o JSON e também trouxe vários métodos para tratar arrays

em 2015 surgiu o ES6, que trouxe os declaradores let e const

e também as Strings em Templates, que a gente vai usar pra caramba nesse curso

Basicamente esse curso ele se baseia muito no ES6 que essa versão

e que está bem popular hoje em dia também, mas é que o ES6 não é a última versão

porque a partir do ES6 que é de 2015 saía uma versão por ano, ele parou de se chamar

6, 7, 8. A partir da versão 7, ela já começou a se chamar pelo ano ES2016

que trouxe algumas funcionalidades como por exemplo o operador de exponenciação depois veio o ES2017

que trouxe a compatibilidade com funções assíncronas e outras muitas coisas.

E a última versão, a versão mais recente do momento em que eu estou gravando esse vídeo,

o ES2018, que trouxe novidades em expressões regulares as RegEx

e também trouxe a possibilidade de promises, de promessas, a gente nem vai chegar ver isso do curso

e a evolução do JavaScript não foi só a evolução da linguagem. Várias ferramentas surgiram

com a evolução do JavaScript. É aí é que eu venho ter um papo sério com você aqui. Tem muita gente

que pede cursos cursos de Angular, de React, de Vue.js, mas na verdade não sabe nada de JavaScript.

As tecnologias que surgiram, como por exemplo, Node.js, o próprio Angular do Google

ou o React do Facebook, foram ferramentas que surgiram e que levam o JavaScript para outro patamar.

Mas o grande problema é: você precisa conhecer o JavaScript para conhecer essas tecnologias

como disse anteriormente, uma das tecnologias que usa JavaScript é um framework muito importante

é o jQuery. Na verdade ele nem é um framework, ele é um conjunto de bibliotecas,

jQuery foi muito famoso durante muitos anos e agora deu uma caidinha, mas ele foi criado por uma galera

da Mozilla mesmo. A biblioteca, que facilitava muito o uso de interatividade em JavaScript

Em 2009 surgiu o Angular, o Angular é criado e mantido pelo Google,

ele facilita muito a criação de aplicações Web, ele é uma linguagem menos imperativa,

ele é uma linguagem mais declarativa, semelhante SQL para banco de dados

traçando um pequeno paralelo, existe uma briga entre o Angular 1, que é o tradicional AngularJS

e o Angular (só Angular) que é da versão 2 pra cima. Mas eu também não vou entrar muito nisso não.

O Facebook também lançou sua famosa biblioteca, o React.

O React tem mais ou menos a mesma funcionalidade do Angular

mas ele tem algumas flexibilidades maiores, existe o React Native para a criação de aplicações e celular

dá uma pesquisada mais pra frente, mas primeiro aprende JavaScript,

não entra nessa de: "não, eu vou fazer um curso de React sem saber JavaScript"

vai dar com as caras na água!

Em 2014 surgiu um framework que é muito poderoso que é o Vue.js. Depois que você aprender JavaScript,

dá uma olhadinha nele, ele foi criado por um ex-programador do Google,

que segundo ele mesmo, já estava meio cansado de usar o Angular e criou uma versão bem melhor

e chamou de Vue.js. É Vue, não view de visualização.

Outras ferramentas muito importantes, o Electon que hoje é mantido pela Github,

ele é especializado para a criação de interfaces gráficas, para programas de interface gráfica

e com certeza você já utilizou ou vai utilizar um programa feito em Electron

o próprio Visual Studio Code da Microsoft, que a gente vai utilizar neste curso, foi feito em Electron

Aquele programa que você instala no seu computador,

e eu sei que você tem, pra acessar WhatsApp também feito em Electron. Aquele chat do Discord,

aquela coisa toda do Discord também feito em Electron, o Slack também feito na mesma tecnologia.

Outra coisa que surgiu também baseado em JavaScript foi o Ionic, que é um SDK para poder criar aplicações

para dispositivos móveis. O Ionic, por sinal que utiliza o próprio Node.js.

Vários desses aqui usam o Node.js. Na verdade, para rodar o JavaScript fora do navegador,

ele se baseava também uma versão antiga de uma tecnologia chamada PhoneGap

que hoje evoluiu, está na mão da Apache e se chama Cordova. Então é isso uma sopa de letrinhas

que você vai ter que lidar quando você avançar com JavaScript. Mas por favor, deixa eu te pedir

um grande favor olhando nos seus olhos: não entra nessa de tentar aprender

qualquer uma dessas tecnologias aqui sem aprender JavaScript. É um tiro no escuro

você vai virar copiador de código, não é assim que funciona.

E para finalizar, vamos levar o JavaScript a outros patamares. Também, existem vários outros frameworks,

SDK, bibliotecas. Principalmente também para a criação de jogos

sim, existem jogos criados em JavaScript, mas para você tem que saber a base

e também ter adição dessas bibliotecas e SDKS. Por exemplo:

Phaser que é muito famoso. E tem outras soluções como: PixiJs, o Impact, o MelonJS,

o CraftyJS, existem várias bibliotecas e várias tecnologias

para a criação de jogos em JavaScript. Então é isso, chegamos ao final de mais uma aula,

espero que você tenha chegado até aqui e aguentou firme e forte, o próximo video está quase chegando ai,

e no próximo vídeo vamos dar os primeiros passos na linguagem,

vamos fazer a instalação das ferramentas, vamos bater um papo sobre desenvolvimento.

Assiste o próximo vídeo, pois ele está muito importante. Veja com toda a atenção

e reflita, faz com a mente aberta. Eu queria, mais uma vez, agradecer aqui a sua paciência,

a sua audiência, continue assistindo o curso de JavaScript, porque com certeza ele foi feito com todo o

carinho para você. Eu vou te dar um conselho rapidinho: mais pra frente, quando você aprender

um pouco mais sobre JavaScript, volta nessa aula e tenta assistir de novo a evolução dele,

com certeza você vai ter uma visão mais ampla e então você pode até focar os seus estudos

porque quando você aprender JavaScript, vai começar um monte de gente perguntando:

"porque você faz isso com JavaScript puro? Por que você não usa uma biblioteca?

Por que você não usa o jQuery? Por que você não usa o Angular?", muita coisa disso vai aparecer na sua vida

e aí você volta aqui assiste esse vídeo de novo e aí você tirar suas próprias conclusões

e dá prosseguimento aos seus estudos. Eu me despeço por aqui, mas já fica marcado

o nosso encontro para a próxima aula, onde a gente vai dar os primeiros passos na linguagem.

Um grande abraço e até a próxima!

Legendas: Tainá Bandeira