Visão Geral

O curso JavaScript and TypeScript foi criado para levar o aluno do nível inicial ao avançado no desenvolvimento moderno utilizando as duas linguagens mais importantes do ecossistema web atual.

Você aprenderá os fundamentos essenciais do JavaScript, orientação a objetos, manipulação de arrays, funções assíncronas, módulos, integração com APIs, manipulação do DOM e padrões modernos da linguagem (ES6+).

Em seguida, evoluirá para TypeScript, entendendo tipagem estática, interfaces, generics, decorators, type narrowing, classes e como utilizar o TypeScript em projetos reais com Node.js, React e aplicações corporativas.

Ao final, o participante estará apto a desenvolver aplicações modernas e robustas, utilizando boas práticas e padrões profissionais de mercado.

Objetivo

Após realizar o Curso JavaScript and TypeScript, você será capaz de:

• Dominar a base e a lógica da linguagem JavaScript
• Usar recursos modernos da linguagem (ES6+)
• Manipular o DOM e criar aplicações web dinâmicas
• Criar funções síncronas e assíncronas (Promises, async/await)
• Trabalhar com APIs REST e JSON
• Estruturar projetos com módulos e padrões de código
• Entender e aplicar o TypeScript em projetos reais
• Criar tipos, interfaces, classes, generics e decorators
• Integrar TypeScript com React, Node.js e bibliotecas modernas
• Desenvolver aplicações seguras, escaláveis e padronizadas

Publico Alvo

Este curso é indicado para:

• Desenvolvedores iniciantes que querem aprender JavaScript e TypeScript
• Devs que querem migrar do JS para o TypeScript
• Desenvolvedores Front-end e Back-end
• Estudantes que desejam entrar no mercado web
• Profissionais que desejam trabalhar com React, Node.js, Angular, Next.js ou NestJS
• Equipes corporativas que buscam padronização e código seguro

Pre-Requisitos

• Noções básicas de lógica de programação
• Conhecimento básico de computadores
• Não é necessário experiência prévia com JavaScript

Materiais

Conteúdo Programatico

Module 1 – Introduction to JavaScript

1. What is JavaScript
2. How JavaScript Works (Engine, Runtime, Call Stack)
3. Variables: var, let, const
4. Data Types
5. Operators
6. Basic Input and Output

Module 2 – Control Flow

1. Conditional Statements
2. Switch Case
3. Loops: for, while, do…while
4. Error Handling (try, catch, finally)

Module 3 – Functions & Scope

1. Function Declaration & Expression
2. Arrow Functions
3. Callback Functions
4. Hoisting
5. Scope and Closure

Module 4 – Arrays and Objects

1. Creating and Manipulating Arrays
2. Array Methods: map, filter, reduce, find, some, every
3. Object Literals
4. Destructuring
5. Spread & Rest Operators

Module 5 – JavaScript ES6+ Features

1. Let & Const
2. Template Literals
3. Classes and OOP
4. Modules (import/export)
5. Promises
6. Async/Await
7. Fetch API

Module 6 – DOM Manipulation

1. Selecting Elements
2. Creating and Removing Nodes
3. Event Handling
4. DOM Traversal
5. Practical DOM Projects

Module 7 – Working with APIs

1. Fetching Data from REST APIs
2. Sending Data (POST, PUT, DELETE)
3. Working with JSON
4. Error Handling in API Calls

Module 8 – Introduction to TypeScript

1. What is TypeScript
2. Benefits of Static Typing
3. Setting Up TypeScript Environment
4. tsconfig.json Configuration

Module 9 – TypeScript Fundamentals

1. Basic Types
2. Arrays and Tuples
3. Union and Intersection Types
4. Type Narrowing
5. Type Assertions

Module 10 – Functions and Interfaces in TypeScript

1. Function Typing
2. Optional and Default Parameters
3. Interfaces
4. Extending Interfaces
5. Readonly and Optional Properties

Module 11 – Classes and OOP with TypeScript

1. Classes, Constructors & Methods
2. Inheritance
3. Access Modifiers
4. Abstract Classes
5. Interfaces vs Classes

Module 12 – Advanced TypeScript

1. Generics
2. Utility Types
3. Enums
4. Namespaces & Modules
5. Decorators (Class, Method, Property)

Module 13 – TypeScript in Real Projects

1. TypeScript with Node.js
2. TypeScript with React
3. Working with Type Declarations (DefinitelyTyped)
4. Build and Compile Process
5. Project Architecture & Best Practices

Module 14 – Final Practical Project

1. Develop a complete application using:
2. ✔ JavaScript ES6+
3. ✔ TypeScript
4. ✔ Modules
5. ✔ API Integration
6. ✔ OOP Concepts
7. Deployment and Documentation