Disciplina de Programação para Internet I do Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas do Instituto Federal do Piauí (IFPI) Campus Picos.
Livro base da disciplina: https://jesielviana.gitbook.io/webdev
Sumário
| Aula | Assunto | Material |
|---|---|---|
| 13/02/2023 | Apresentação do plano de ensino | slides |
| 17/02/2023 | Introdução a Web | slides |
| 24/02/2023 | Introdução a HTML | HTML |
| 27/02/2023 | Introdução a CSS | CSS |
| 03/03/2023 | CSS Flexbox | Flexbox |
| 14/03/2023 | Web Design Responsivo | Slides |
| 31/03/2023 | Renderização web | Slides |
- Atividade 1 (Layout simples com HTML e CSS) - entregra dia 03/03/2023
- Atividade 2 (Portfólio) - entregra dia 13/03/2023
Este curso é uma introdução à programação para Web. Vamos aprender sobre os principais componentes da web, sobre o modelo cliente-servidor e de forma simplificada vamos entender como a internet e a web funcionam. E, principalmente, vamos aprender como desenvolver aplicações web usando várias tecnologias, tais como:
- Hypertext Transfer Protocol (HTTP) como protocolo de comunicação;
- HyperText Markup Language (HTML) para criação de páginas web;
- Cascading Style Sheets (CSS) para aplicar estilo às páginas web;
- JavaScript (JS) para criar páginas da web dinâmicas e interativas;
- Web Design Responsivo para criar páginas web adaptativas a diferentes resoluções de tela; e
- JavaScript assíncrono (AJAX) e JSON para interação entre aplicações Web.
No processo de aprendizado dessas tecnologias, você também vai:
- Praticar a habilidade de ler documentações detalhadas, ler e escrever código legível, bem documentado e estruturado;
- Aprender a pesquisar e avaliar soluções de forma adequada;
- Ter a oportunidade de desenvolver um portfólio individual para mostrar aos possíveis empregadores.
- Conhecer a história do surgimento e expansão da Internet e Web;
- Conhecer os principais componentes da web e compreender o seu funcionamento de forma simplificada;
- Compreender a sintaxe e o papel da HTML para o desenvolvimento web, assim como conhecer seus principais elementos;
- Compreender a sintaxe e o papel da CSS para o desenvolvimento web, assim como conhecer suas principais propriedades;
- Entender a sintaxe e o papel da Javascript para o desenvolvimento web no lado cliente;
- Entender o funcionamento do Document Object Model (DOM) e aprender a manipulá-lo;
- Aprender a desenvolver aplicações web estáticas e responsivas com HTML e CSS;
- Aprender a desenvolver aplicações web dinâmicas e responsivas com HTML, CSS e Javascript;
- Ser capaz de desenvolver aplicações web seguindo os padrões de boas práticas e usabilidade da web.
- Desenvolver habilidades técnicas para construção de aplicações web conforme os requisitos do cliente;
- Desenvolver habilidades interpessoais para realização de trabalho em equipe e colaboração em projetos de desenvolvimento de software.
Acompanhamento dos objetivos de aprendizagem: Vereda App
- Conhecimento básico em algoritmos e estrutura de dados;
- Noções de comandos básicos do terminal Linux/Windows/Mac;
- Noções básicas de redes de computadores.
- Introdução aos conceitos de Internet e Web;
- Linguagem de marcação para Web - HTML;
- Folha de estilo para Web - CSS;
- Princípios de Design responsivo;
- Usabilidade na Web;
- Introdução à Javascript;
- Páginas web dinâmicas com HTML, CSS e Javascript;
- Integração com APIs externas;
- Testes automatizados; e
- Hospadagem de aplicações web na nuvem.
Ferramentas utilizadas no curso para realização das atividades. Instale e configure-as no seu computador.
- Navegador web - qualquer navegador web moderno (Brave, Firefox, Chrome, etc)
- Editor de Código - Visual Studio Code (VS Code), que é um editor de código/IDE altamente recomendado para desenvolvimento web. É gratuito, open-source e está disponível para os principais sistemas operacionais. O VS Code oferece muitas extensões, e o melhor são fáceis de instalar e configurar. Recomendo a instalação do pacote de extensões Web Dev Extension Pack
- Sistema de controle de versão - Git, que é um sistema de controle de versão open-source amplamente utilizado por desenvolvedores.
- Plataforma Git na nuvem - GitHub, uma plataforma de hospedagem de código (repositórios Git) para controle de versão e colaboração distribuída. GitHub é a plataforma Git mais utilizada por desenvolvedores, principalmente para projetos open-source.
Lista de ferramentas para desenvolvimento web: O que deve ter na mala de ferramentas do desenvolvedor web?
Neste curso será utilizado dois recursos como bibliografia base: o eBook Web Dev Book, disponível gratuitamente online e o portal da Mozilla Developer Network - MDN, que é uma das principais referências como documentação da web.
Além do Web Dev Book e da MDN, em toda aula será disponibilizados outros materiais complementares (vídeos, posts, tutoriais, documentações, etc).
Este material está licenciado sob a licença Creative Commons CC BY-NC-SA 4.0 Internacional.
Sinta-se à vontade para usar este material em seu curso de desenvolvimento web, de acordo com a licença (uso não comercial).
Se você usar este material no seu curso, por favor me avise!
Este material é mantido por Jesiel Viana.
Jesiel Viana é Mestre em Engenharia de Software pela Cesar School, Professor de Computação no Instituto Federal do Piauí - IFPI e Pesquisador Bolsista no IBICT. Possui mais de 10 anos de experiência em desenvolvimento web na indústria e academia.
Jesiel Viana é um Github Campus Advisor, possui a certificação Oracle Certified Professional, Java SE 6 Programmer.
- Linkedin: https://linkedin.com/in/jesielviana
- Twitter: https://twitter.com/jesielviana
- Github: https://github.com/jesielviana
Gostou deste material? me indique para o GitHub Stars (jesielviana): https://stars.github.com/nominate