PARA QUEM É ESTE CURSO?

Transcrição

1

2 PARA QUEM É ESTE CURSO? Este curso é destinado para pessoas com pouco ou nenhum conhecimento na área de desenvolvimento web, e que querem aprender a criar sites otimizados e sistemas web. VOCÊ QUER APRENDER A CRIAR SITES E SISTEMAS WEB? ENTÃO ESTE CURSO É PARA VOCÊ! São 97 aulas, organizadas em 21 módulos, sendo que um deles vai de bônus para você.

3 SOBRE O INSTRUTOR AYLTON INACIO WEB MASTER / CONSULTOR WEB Olá! Tenho 35 anos e 18 de experiência com internet, criando aplicações web para aumento de produtividade e divulgação de produtos, sempre unindo tecnologias de banco de dados, analytics, BI e desenvolvimento de sites otimizados. Sou profissional e empreendedor web, professor e consultor, formado em análise de sistemas, pós-graduado em desenvolvimento web e business intelligence (MBA). Meu objetivo é transformar planos de ação em realidade, de um jeito prático e rápido, com foco na execução.

4 Módulo 1 - Conceitos importantes sobre Internet Neste módulo você vai aprender conceitos essenciais sobre o funcionamento da internet, do ponto de vista do usuário comum e principalmente do ponto de vista do desenvolvedor web, passando por conceitos avançados e de entendimento obrigatório. Recursos disponíveis na internet Dispositivos conectados Conceitos sobre cliente / servidor Internet das coisas Conceitos sobre HTTP e HTTPs Servidor DNS Domínios e números Ips Tipos de sites Módulo 2 - Navegadores e Engines Neste segundo módulo do curso, você vai conhecer um pouco mais sobre o funcionamento dos principais navegadores (browsers) disponíveis no mercado, seus motores de renderização, além do market share de cada um. Recursos disponíveis Renderização de elementos Ferramentas de desenvolvedores Dicas sobre compatibilidade Conferindo o código de retorno do HTTP por recurso Layouts responsivos Manipulando elementos HTML e CSS pelo navegador Cookies Simulação de acesso mobile

5 Módulo 3 - Etapas relacionadas com projeto de site Chegando no terceiro módulo, você vai conhecer algumas das principais etapas e conceitos relacionados com projeto de site, começando por entender o que são objetivos e requisitos, até a fase de desenvolvimento. Diferenças entre objetivos e requisitos Arquitetura de informação e navegação Interface e experiência de usuário Usabilidade e acessibilidade Projeto ARIA W3C Wireframes e design Linguagens e recursos sobre programação Módulo 4 - Etapas relacionadas com desenvolvimento de site Neste módulo do curso, você vai conhecer algumas das principais etapas relacionadas com desenvolvimento de site, do gereciamento de projetos até a programação. Funcionamento do Scrum Equipe Web Conceitos sobre HTML e CSS Primeiro contato com HTML, CSS e JavaScript Mais sobre o W3C Padrões Web Sites de referências Desenvolvimento Front-End, Back-End e Full Stack Linguagens e recursos comuns Front-End Linguagens e recursos comuns Back-End

6 Módulo 5 -Publicação de sites No quinto módulo do curso você vai conhecer os principais servidores necessários para que seja possível a publicação de sites e sistemas web, além de colocar a mão na massa e instalar um servidor web na sua máquina. Servidor de backup Servidor de FTP Servidor de Firewall Servidor de banco de dados Servidor DNS Teste de ping Servidor Web Instalação e teste do servidor web Apache O pacote XAMPP Módulo 6 - HTML Neste módulo somente sobre HTML, você vai aprender na prática a trabalhar com essa linguagem base de marcação de elementos e criar a sua primeira página web. Introdução sobre a linguagem Como funciona o HTML Site oficial e referências W3C e Padrões Web Verificação de código fonte Criando sua primeira página HTML Conhecendo algumas tags Validando uma página HTML de acordo com os padrões web Manipulação de HTML pelo Google Chrome Developers

7 Módulo 7 - CSS Chegando no módulo de CSS, você vai conhecer o funcionamento da linguagem e aplicar na prática para fazer a formatação visual de elementos HTML, criando um layout simples e responsivo. Introdução sobre a linguagem Como funciona o CSS Site oficial e referências W3C e Padrões Web Verificação de código fonte Ícones com Font Awesome Aplicação de Google Fonts Seletores por tag, id, classe e hierarquia Criando seu layout simples e responsivo com CSS Layout responsivo com media queries Validando uma página CSS de acordo com os padrões web Módulo 8 - JavaScript Este é o primeiro módulo de programação, onde você vai aprender a trabalhar com JavaScript, uma das linguagens mais utilizadas em desenvolvimento web, jogos e aplicativos. Introdução sobre a linguagem Lógica de programação Site oficial e o padrão ECMA-262 Referências Como funciona a linguagem JavaScript Como inserir código JavaScript no seu site Conceitos sobre JavaScript Front e Back-End

8 Criando um minisite com validação de formulário Criando um minisite com manipulação de CSS Criando um minisite com manipulação de URL Ícones com Font Awesome, SVG e JS Funções e Listeners Testes condicionais Manipulação de dados enviados por GET Variáveis e Vetores Testes simples com o console do navegador Módulo 9 - Bootstrap + jquery Neste módulo você vai aprender a aumentar a produtividade e diminuir o tempo de desenvolvimento de sites profissionais fazendo a utilização de bibliotecas de componentes prontos. Introdução sobre Bootstrap Papel do jquery no Bootstrap Estrutura de arquivos do Bootstrap Utilização de arquivos pela CDN Modelo padrão de código HTML Bootstrap Componentes Templates gratuitos Templates pagos Módulo 10 - PHP Este é mais um módulo sobre programação, agora sobre PHP e recursos que rodam no servidor, onde você vai aprender a armazenar dados em arquivos texto e também disparar s. Introdução sobre a linguagem

9 Site oficial e referências Lógica de programação Como funciona a linguagem PHP Criando seu primeiro script Armazenar dados em arquivo texto Disparar com PHP Mailer Enviando dados por POST Variáveis Redirecionamento com dados por GET Testes condicionais Introdução sobre programação orientada a objetos Testando o ministe criado Módulo 11 - XML Este é o módulo 11 e nele você vai trabalhar com XML, entendendo para que serve a linguagem e também criando um minisite para o armazenamento de dados. Introdução sobre XML Qual a finalidade da linguagem Aplicações que utilizam XML Como trabalhar com a linguagem Referências Armazenar dados em XML com PHP Trabalhando com programação orientada a objetos Validação de arquivo XML Módulo 12 - MySQL Chegando ao módulo 12, você vai aprender a trabalhar com banco

10 de dados e criar um minisite com com PHP que armazena dados de forma estruturada no MySQL. Introdução sobre banco de dados Introdução sobre MySQL Referências Iniciando o servidor do MySQL Criando seu primeiro banco de dados Utilizando o PHPMyAdmin Criando tabelas Chave-primária Tipos de dados Manipulando dados no MySQL Introdução sobre a linguagem SQL Criando um ministe com PHP e MySQL Conectando no MySQL com PHP e PDO Teste e correções finais Módulo 13 - JSON Neste módulo você vai trabalhar com JSON, entendendo para que serve esse formato de dados e criando um minisite que faz pesquisas em banco de dados MySQL. Introdução e referências Qual a finalidade do formato de dados Como trabalhar com JSON Aplicações que utilizam JSON Trabalhar com AJAX Manipulando JSON com JavaScript Converter vetor em formato JSON com PHP

11 Laços com While e FOR Teste simples com Chrome Console Validação de dados em formato json Módulo 14 - WordPress Neste módulo você vai aprender o que é Wordpress, instalar na sua máquina e criar um site em pouco minutos, inclusive com troca de template utilizando a área administrativa da ferramenta. Introdução sobre WordPress Conceitos sobre CMS Referências e download Instalação do WordPress Criando um banco de dados Conhecendo a área administrativa Introdução sobre plugins Como encontrar templates Instalando e configurando um template Módulo 15 - Dados Estruturados Neste módulo você vai aprender a trabalhar com dados estruturados, implementar nos seus sites e entender todos os benefícios gerados relacionados com indexação de conteúdo pelo Google. Introdução sobre dados estruturados Diferenças entre dados e informações Por que utilizar dados estruturados no seu site? Rich Cards Referências

12 Introdução sobre Google Search Console Criando uma página de evento com dados estruturados Validação de dados estruturados Formato JSON-LD Módulo 16 - Páginas AMP Neste módulo você vai aprender a criar versões de páginas aceleradas para dispositivos móveis através do projeto AMP, que recebe apoio do Google e conta com recursos que aumentam a experiência do usuário ao acessar um site utilizando o celular. Introdução sobre AMP Site oficial do projeto Referências Objetivo e benefícios Como identificar uma página AMP Extensão AMP Validator Criando sua página AMP Diferenças entre página AMP e comum Introdução sobre componentes estendidos Validando uma página AMP Verificando a indexação de páginas AMP com o Search Console Módulo 17 - Hospedagem de sites Chegando ao módulo 17, você vai aprender como funcionam os planos de hospedagem de sites e com isso ter condições de fazer a melhor escolha na hora de fazer a contratação de um serviço. Introdução

13 Empresas que oferecem o serviço Tipos de hospedagem de site para contratar Recursos disponíveis nos planos Analisando uma empresa de hospedagem de site Entendendo as características dos planos antes de contratar Utilizando o cpanel para gerenciar seu plano de hospedagem FileZilla Módulo 18 - Domínios Aprenda neste módulo como funcionam os nomes de domínios, da estrutura de extensões disponíveis até a consulta de disponibilidade, antes de fazer um registro. Introdução O Registro.BR Registro de domínios internacionais Extensões de domínios Regras para registrar determinados domínios Consultado domínios Identificando o proprietário de um domínio Como registrar um domínio Vinculando seu plano de hospedagem com o domínio Módulo 19 - Google Search Console Neste módulo você vai aprender a configurar o Google Search Console no seu site, acompanhar a indexação das páginas pela ferramenta, além de conhecer vários outros recursos, como o envio de sitemap, por exemplo. Introdução sobre a ferramenta

14 Referências Configuração do seu site na ferramenta Recursos da ferramenta Aspecto de pesquisa Dados estruturados e AMP Tráfego de pesquisa Links para seu site Facilidade em dispositivos móveis Gerenciamento de URLs e robots.txt Gerando e enviando um sitemap Módulo 20 - Google Analytics Aprenda neste módulo a analisar os dados dos seus sites, relacionados com acessos, comportamento do usuário, pageviews, campanhas de marketing e muito mais. Introdução e recursos disponíveis Referências oficiais e academia Conta de demonstração Instalação do Google Analytics no seu site ID de acompanhamento Relatórios em tempo real Relatórios relacionados com o público Relatórios sobre aquisição Relatórios sobre comportamento Módulo bônus - SEO Neste módulo bônus sobre SEO, você vai entender como funciona a otimização de sites para os buscadores, quais são as etapas que

15 fazem parte de um projeto e também algumas das ferramentas gratuitas disponíveis. Introdução sobre SEO Aplicações Referências de Google e Bing Como funciona uma pesquisa no Google Resultado de pesquisa Pesquisas com calda longa Palavras-chave Como otimizar seu site para os buscadores Ferramentas para dados estruturados Ferramentas para AMP Planejador de palavras-chave Google Trends Google PageSpeed Insights