HTML-CSS-JavaScript: Do Zero à Maestria

A Fundação Essencial para o Desenvolvimento FrontEnd

Visão Geral do Curso

Você está procurando aprender os fundamentos que permitirão que você entre no mercado de trabalho atual? Este curso se especializa em ensinar as bases sólidas da programação em todo o seu esplendor, ao mesmo tempo em que domina HTML, CSS e JavaScript para torná-lo competente no mercado atual. Oferecemos os seguintes benefícios: - Crie suas próprias aplicações - Trabalhe como freelancer ou empreendedor vendendo seu software - Candidate-se a um emprego no mundo real - Aproveite ao máximo este curso - Capitalize neste conteúdo com excelentes benefícios Vamos dar uma olhada detalhada nos tópicos que você irá cobrir. Cada uma das unidades a seguir abrangerá vários módulos completos, totalizando mais de vinte (20) módulos.

Unidade 1: Programação Estruturada

Você começará sua jornada trabalhando com duas linguagens principais, Pascal e JavaScript. Isso abrangerá o espectro de linguagens de programação compiladas, semi-interpretadas e puramente interpretadas, com todas as variações que isso acarreta. Pascal será a linguagem base que usaremos para introduzir e estudar cada tópico, pois é poderosa, moderna e eficiente para aprendizado. JavaScript será o contraponto, mostrando um lado diferente da programação em comparação com linguagens mais estruturadas como Pascal, Java ou C++. Os tópicos abordados incluirão: - Entrada e saída padrão de dados - Variáveis, constantes e tipos primitivos - Programação sequencial - Seleção com declarações IF - Fluxogramas - Declarações IF encadeadas - Declarações CASE e SWITCH - Iteração com loops FOR - Iteração condicional com loops WHILE e DO-WHILE (REPEAT) - Projetos de aplicativos e desenvolvimento de software

Unidade 2: Arrays

O curso continuará com Pascal como a linguagem base e JavaScript como referência para o mundo web, incluindo um pouco de HTML. Nesta unidade, você trabalhará em: - Arrays lineares - Arrays bidimensionais ou matrizes - Arrays dinâmicos - Arrays como objetos em JavaScript - Algoritmos de busca e ordenação - Jogo da Vida de John Conway

Unidade 3: Programação Modular

A partir deste ponto, você começará a criar programas maiores e mais complexos, então começará a trabalhar com subprogramas (procedimentos e funções) e tudo o que isso implica. O treinamento se intensificará neste ponto. Os tópicos específicos abordados incluirão: - Funções com tipos fortemente tipados - Funções com tipos dinâmicos - Procedimentos com tipos fortemente tipados - Procedimentos dinâmicos - Passagem de parâmetros por valor - Passagem de parâmetros por referência - Desafios de passagem de parâmetros em JavaScript - Escopo de identificadores - Registros - Tipos de dados estruturados - Modularização de código - Encapsulamento básico - Manipulação de arquivos - Conceitos de banco de dados - Conceitos de design de software - Ponteiros e memória dinâmica - Listas encadeadas - Tipos de Dados Abstratos - Operações primitivas - Seletores, atribuidores, predicados, construtores e destrutores - Criação de módulos em JavaScript - Uso de várias páginas HTML - ADTs de Lista Encadeada, Pilha e Fila - Árvore de Busca Binária - Algoritmos de busca e travessia - Recursão computacional

Unidade 4: Programação Orientada a Objetos

Tudo o que você aprendeu até agora é preparação para a programação orientada a objetos. Este tópico aplica tudo o que você aprendeu anteriormente em grande profundidade. É um dos conceitos mais exigidos no mercado de trabalho e extremamente necessário se você quiser aprender a usar qualquer tecnologia, linguagem, framework, etc. Os tópicos essenciais abordados incluirão: - Definição e estrutura de objetos - Definição de classe - Modificadores de acesso - Encapsulamento avançado - Propriedades - Classes internas - Campos e operações estáticas - Padrão de design Singleton - Importação e exportação de componentes - Modelos de objetos em JavaScript - Protótipo em JavaScript - Herança - Polimorfismo - Conversão de tipos (down-cast e up-cast) - Interfaces - Classes abstratas - Genéricos - Tratamento de exceções - Promessas - JSON - Operações de ressurreição - Noções básicas de UML e design de software - Manutenção e escalabilidade de código

Unidade 5: Design de Interface do Usuário

Neste módulo, você aplicará tudo o que aprendeu até agora para criar interfaces gráficas modernas para aplicativos de desktop. No entanto, tudo o que você aprender aqui também será aplicável, quase que de forma idêntica, à web, pois o JavaScript usa um modelo de eventos e gerenciamento de componentes semelhante ao que você usará em Pascal. Os tópicos abordados incluem: - Criação de janelas - Campos e formulários complexos - Eventos e interação do usuário - Manipulação de componentes - Validação de entrada - Diálogos simples e modais - Botões e componentes de ação - Menus principais e menus de contexto - Tabelas e filtros - Passagem de informações entre janelas e frames - Estruturação de informações do usuário - Geração dinâmica de componentes em tempo real - Uso de ações - Painéis com abas - Ícones e decorações - Barras de progresso e telas de apresentação - Criação de GUIs complexas

Unidade 6: HTML e JavaScript

A partir deste ponto, você tem todas as bases de programação para aplicativos de desktop e treinamento extensivo no uso de uma variedade de ferramentas. Você já é um programador, mas ainda está longe do que o mercado de trabalho exige. A web é a peça que falta e, a partir daqui, a completaremos. Você já é um especialista em JavaScript, mas agora é hora de projetar sites dinâmicos, visualmente atraentes e responsivos, além de usar APIs e programação do lado do servidor. Os tópicos abordados, em termos gerais, incluem: - Estruturas básicas do HTML5 - Vinculação interna de páginas - Vinculação externa de páginas - Barras de progresso - Tabelas, linhas, colunas, células e estruturação - Criação de formulários complexos - Gerenciamento e eventos de formulários - Elementos META - Elementos de estruturação semântica de páginas - Imagens - Favicon - Mapas - Picture - Figura e Figcaption - Eventos JavaScript - Documentação oficial - Programação multithread com Workers - Caixas de diálogo - Uso de frames internos - Áudio e vídeo - Uso de ações - Criação de GUIs complexas - Arrastar e soltar - Canvas do HTML - Criação de jogos de exemplo

Unidade 7: Folhas de Estilo em Cascata (CSS)

Depois de ter um entendimento profundo do HTML, é hora de trabalhar na visualização, decoração e estilização de uma página da web. O CSS é extenso e possui vários aspectos para trabalhar, pois ele não apenas gerencia a aparência das coisas, mas também fornece ao HTML funcionalidades adicionais interessantes. Os tópicos abordados, em termos gerais, incluem: - Estilos inline básicos - Estilos importados - Listas de cores e seletor de cores - Seletores - Definição de classes de estilo - Fontes básicas - Importação de fontes externas e uso de ícones - Posicionamento absoluto e z-index - Posicionamento relativo e span - Fundos e cores alfa - Dimensões e alinhamentos - Modelo de caixa - Menus suspensos - Barras de navegação - Sombras de texto e caixa - Bordas e margens - Animações - Transições e transformações - Caixas flexíveis - Layout de várias colunas - Consultas @media - Dicas de ferramentas - Menus de contexto - Painéis com abas - Uso de variáveis CSS - Seletores de atributos - Pseudo-classes - Pseudo-elementos - Condições - CSS dinâmico a partir do JavaScript

Unidade 8: DOM e BOM

Este módulo retornará ao JavaScript e mostrará como gerenciar dinamicamente todos os componentes HTML, permitindo que você faça verdadeira mágica com uma página da web. O