Disciplina Código de Alta Performance Web
A disciplina de "Código de Alta Performance Web" tem como objetivo preparar os discentes para se destacarem no desenvolvimento web, capacitando-os com conhecimentos essenciais em JavaScript, SASS, Tailwind, e conceitos fundamentais para trabalhar com frameworks front-end, como React ou Vue.js.
- Proporcionar uma base sólida em JavaScript, incluindo manipulação de arrays, módulos, e conceitos essenciais para o desenvolvimento web moderno.
- Introduzir os alunos ao pré-processador de CSS, SASS, e suas vantagens na criação de estilos mais eficientes e organizados.
- Familiarizar os alunos com o framework CSS, Tailwind, para agilizar o desenvolvimento de interfaces web responsivas.
- Explorar os princípios da componentização, estado (state), e propriedades (props) em JavaScript, preparando os alunos para trabalhar com frameworks JavaScript.
- Apresentar tecnologias de front-end como HTMX ou Astro Build, proporcionando uma visão abrangente das ferramentas disponíveis para construir aplicações web de alto desempenho.
- Fomentar a capacidade de aplicar os conhecimentos adquiridos em projetos práticos e desafios.
Competências e Habilidades que os Discentes Terão ao Fim da Disciplina:
Ao concluir a disciplina de "Código de Alta Performance Web", os alunos estarão aptos a:
- Desenvolver aplicações web com eficiência, aproveitando ao máximo o potencial do JavaScript.
- Utilizar SASS para criar estilos mais organizados e reutilizáveis em projetos web.
- Aplicar os princípios do Tailwind CSS para agilizar o processo de desenvolvimento de interfaces.
- Compreender e implementar a componentização, gerenciamento de estado e passagem de propriedades em JavaScript.
- Estar preparados para trabalhar com frameworks front-end populares, como React ou Vue.js.
- Explorar tecnologias emergentes, como HTMX ou Astro Build, para melhorar a experiência do usuário e o desempenho das aplicações web.
- Aplicar os conhecimentos adquiridos em projetos reais, demonstrando habilidades práticas na criação de aplicações web de alto nível.
Aulas
https://teletype.in/@professor.rangel/capw-02
Alta Performance Web - Iniciando com SASS — Teletype
https://teletype.in/@professor.rangel/vhobhaIessR
Projetos
Revisão: https://github.com/370100961/revisao-capw-pmc
Responsive 01: https://replit.com/@370100961/Responsive-01?v=1
Iniciando SASS: https://github.com/370100961/iniciando-sass
Calculadora Simples: https://replit.com/@370100961/20240402-PMC
Atividades AV1
Descrição: https://teletype.in/@professor.rangel/bqEVkYDNwuk
Entrega do projeto inicial: https://forms.office.com/r/zGbuWuLzzU
Entrega do projeto completo: https://forms.office.com/r/7zAkSP213T
AV2
Projeto FJN: https://teletype.in/@professor.rangel/kFrPr8Gv8qp
Avaliação Final: https://teletype.in/@professor.rangel/1PASffxGy8C
Prova
AV1 - Código de Alta Perfomance Web
https://teletype.in/@professor.rangel/0xG30fWMvQb