Curso Modern JavaScript
40hVisã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
Português | InglêsConteúdo Programatico
Getting Started
- What is JavaScript?
- ECMAScript
- 1. ECMAScript 5
- ECMAScript
- ECMAScript 7
- ECMAScript 8
- Babel
- Displaying Text
- JavaScript and HTML
- JavaScript and Node.js II.
Variables
- Variables
- JavaScript Data Types
- Scope
- The var Keyword
- Hoisting in JavaScript
- Comments
Operators
- Assignment Operator
- Increment and Decrement Operator
- Arithmetic Operator
- Comparison Operator
- Logical Operator
- Short Circuit Operators
- Truthy and Falsey
Conditionals
- if
- if-else
- switch
- ternary operator
- The switch Statement
Functions
- Basic Functions
- Function Expressions
- Modules
- Modules ES5 in Node.js
- Modules ES5 in the Browser
- Modules ES6 in Node.js
- Modules ES6 in the Browser
- Arrow Functions
- Immediately Invoked Functions (IIFE)
- Callback Functions
Arrays
- Array Basics
- Accessing Elements of an Array
- Adding Elements in an Array
- Removing Elements in an Array
- Insert, Delete or Replace Elements in Array
- Loops Construct and Iterating Arrays
- while
- do-while
- for continue and break
- for ... of
- Array Methods
- Array.forEach()
- Array.map()
- Array.filter()
- Array.find()
- Array.every()
- Array.some()
- Array.reduce()
- Rest Parameters
- Spread Operator
- Destructuring Assignment
JavaScript Object Notation
- JavaScript Objects
- Creating JavaScript Objects
- Literal Notation
- Constructor Notation
- for ... in loops
- Object Destructuring
- Merge Objects Using Spread
- JSON Structure
- JSON as Data Transmission
- JSON.stringify()
- JSON.parse()
- JSON vs JS Object Literal Notation
- JS Date and Methods
- JS String and Methods
HTML Forms
- What is DOM?
- DOM tree
- innerHTML
- DOM Queries
- Looping HTML Collection
- for ... of
- Array.forEach() method
- Classical for loop
- Spread Operator
- Looping Node List
- Classical for loop
- Array.forEach() method
Advanced CSS Style Selectors
- Event Handling
- HTML Event Handler Attribute
- Traditional DOM Event Handlers
- Event Listener
- JavaScript Object Notation in HTML storage
- Web Storage
- window.localStorage
- window.sesionStorage
Regular Expression
- Methods to Find Patterns in String
- search()
- test()
- match()
- Create Regular Expression
- The Patterns
- The [] Character
- Qualifiers
- Groups and Ranges
- Metacharacter
- Special Characters
- Grouping and Capturing
- LookAround, LookAhead and LookBehind
- JS Global Methods
- parseInt()
- parseFloat()
- toFixed()
Error Handling and Debugging
- How Program Works
- Error
- Error Handling
- try-catch-finally
- throw
- Debugging
- VS Code Debugging Tools
Asynchronous Programming
- What is Asynchronous JS?
- Revisiting Callback Functions
- setTimeout(), setInterval()
- Async JavaScript
- Promise
- Create a Promise
- Using a Promise
- then().catch() and finally()
- sync and await keywords
Unit Testing – Jasmine Framework
- Why Unit Test?
- JavaScript – Truthy and Falsey
- Jasmine Framework
- Configuration
- Basic Elements of Jasmine Testing
- Builtin Matcher
- Mocking Code in Jasmine
- spyOn()
- Jasmine.createSpy()
- Jasmine.createSpyObj()