Visão Geral

Ter um conhecimento profundo de JavaScript facilita o aprendizado de uma variedade de estruturas, incluindo React, Angular e ferramentas e bibliotecas relacionadas. Este curso foi desenvolvido para ajudá-lo a cobrir os principais conceitos de JavaScript necessários para criar aplicativos modernos baseados na Web. Você aprenderá a codificar JavaScript abrangente desde o início até os recursos avançados e mais recentes. Você também aprenderá a escrever JavaScript em um ambiente profissional usando a nova sintaxe JavaScript adicionada no ES6, ES7 e ES8. O curso cobre os fundamentos do JavaScript, incluindo sintaxe, variáveis, condicionais, funções, arrays e loops. O curso também abrange os recursos mais recentes do JavaScript e conceitos avançados, como modularidade, armazenamento na Web e natureza assíncrona usando retornos de chamada e promessas. Dentro do curso, o código JavaScript com execução em Node. js e o navegador. Aprenda a representar um documento HTML no Document Object Model (DOM), manipular eventos e exibir JSON do servidor para uma página HTML. Aprenda técnicas de como converter JSON para CSV em strings JS e vice-versa, como configurar suítes de teste e testar seu código usando o Jasmine Framework e como depurar código JavaScript usando o VS Code.

Objetivo

Após a conclusão deste curso, você será capaz de:

• Examine os principais recursos no ES5, ES6, ES7 e ES8 e implemente esses recursos para criar aplicativos
• Entenda os tipos de dados, variáveis ​​e escopo
• Funções de escrita, funções de seta e IIFE
• Módulos em ES5 e ES6 Familiarize-se com métodos de array
• Desestruturando Atribuição, Spread e Parâmetro Padrão
• Execute o JavsScript no Node.js e no navegador
• Manipular o DOM com JavaScript

Publico Alvo

• Este curso foi desenvolvido para quem é novo em JavaScript e já trabalhou com outras linguagens de programação/script antes. Este curso também foi desenvolvido para aqueles que atualmente usam JavaScript, mas desejam um melhor senso de domínio sobre o idioma. Agora você está pronto para dominar o JavaScript e explorar as últimas novidades do ES6 ao ES8.
  

Pre-Requisitos

• Noções básicas de HTML, CSS e JavaScript e conceitos de programação.
  

Informações Gerais

Carga Horária: 40h

• Se noturno este curso é ministrado de Segunda-feira à sexta-feira, das 19h às 23h
• Se aos sábados este curso é ministrado das 9h às 18h
• Se in-company por favor fazer contato para mais detalhes.

Formato de entrega: 

• 100% on-line ao vivo, via Microsoft Teams na presença de um instrutor/consultor ativo no mercado.
• Nota: não é curso gravado. 

Lab:

• Laboratório + Exercícios práticos

Materiais

Conteúdo Programatico

Getting Started

1. What is JavaScript?
2. ECMAScript
3. 1. ECMAScript 5
4. ECMAScript
5. ECMAScript 7
6. ECMAScript 8
7. Babel
8. Displaying Text
9. JavaScript and HTML
10. JavaScript and Node.js II.

Variables

1. Variables
2. JavaScript Data Types
3. Scope
4. The var Keyword
5. Hoisting in JavaScript
6. Comments

Operators

1. Assignment Operator
2. Increment and Decrement Operator
3. Arithmetic Operator
4. Comparison Operator
5. Logical Operator
6. Short Circuit Operators
7. Truthy and Falsey

Conditionals

1. if
2. if-else
3. switch
4. ternary operator
5. The switch Statement

 Functions

1. Basic Functions
2. Function Expressions
3. Modules
4. Modules ES5 in Node.js
5. Modules ES5 in the Browser
6. Modules ES6 in Node.js
7. Modules ES6 in the Browser
8. Arrow Functions
9. Immediately Invoked Functions (IIFE)
10. Callback Functions

Arrays

1. Array Basics
2. Accessing Elements of an Array
3. Adding Elements in an Array
4. Removing Elements in an Array
5. Insert, Delete or Replace Elements in Array
6. Loops Construct and Iterating Arrays
7. while
8. do-while
9. for continue and break
10. for ... of
11. Array Methods
12. Array.forEach()
13. Array.map()
14. Array.filter()
15. Array.find()
16. Array.every()
17. Array.some()
18. Array.reduce()
19. Rest Parameters
20. Spread Operator
21. Destructuring Assignment

JavaScript Object Notation

1. JavaScript Objects
2. Creating JavaScript Objects
3. Literal Notation
4. Constructor Notation
5. for ... in loops
6. Object Destructuring
7. Merge Objects Using Spread
8. JSON Structure
9. JSON as Data Transmission
10. JSON.stringify()
11. JSON.parse()
12. JSON vs JS Object Literal Notation
13. JS Date and Methods
14. JS String and Methods

HTML Forms

1. What is DOM?
2. DOM tree
3. innerHTML
4. DOM Queries
5. Looping HTML Collection
6. for ... of
7. Array.forEach() method
8. Classical for loop
9. Spread Operator
10. Looping Node List
11. Classical for loop
12. Array.forEach() method

 Advanced CSS Style Selectors

1. Event Handling
2. HTML Event Handler Attribute
3. Traditional DOM Event Handlers
4. Event Listener
5. JavaScript Object Notation in HTML storage
6. Web Storage
7. window.localStorage
8. window.sesionStorage

 Regular Expression

1. Methods to Find Patterns in String
2. search()
3. test()
4. match()
5. Create Regular Expression
6. The Patterns
7. The [] Character
8. Qualifiers
9. Groups and Ranges
10. Metacharacter
11. Special Characters
12. Grouping and Capturing
13. LookAround, LookAhead and LookBehind
14. JS Global Methods
15. parseInt()
16. parseFloat()
17. toFixed()

Error Handling and Debugging

1. How Program Works
2. Error
3. Error Handling
4. try-catch-finally
5. throw
6. Debugging
7. VS Code Debugging Tools

Asynchronous Programming

1. What is Asynchronous JS?
2. Revisiting Callback Functions
3. setTimeout(), setInterval()
4. Async JavaScript
5. Promise
6. Create a Promise
7. Using a Promise
8. then().catch() and finally()
9. sync and await keywords

Unit Testing – Jasmine Framework

1. Why Unit Test?
2. JavaScript – Truthy and Falsey
3. Jasmine Framework
4. Configuration
5. Basic Elements of Jasmine Testing
6. Builtin Matcher
7. Mocking Code in Jasmine
8. spyOn()
9. Jasmine.createSpy()
10. Jasmine.createSpyObj()