Summary
Keywords
Full Transcript
#programação #css3 #frontend #html5tutorial 📚 Muito Obrigado por Assistir! SAIBA MAIS 📌https://www.youtube.com/c/WebOnlineDesenvolve 📌https://github.com/WebOnlineDesenvolve ✨Link da Amazon: https://www.amazon.com.br/?&_encoding=UTF8&tag=webonlinedese-20&linkCode=ur2&linkId=a68116d5cabc4dafc8fdf73d84a56689&camp=1789&creative=9325 🗣️ https://fliki.ai/ Voz: Brenda HTML - Linguagem de marcação de hipertexto É a linguagem usada para estruturar o conteúdo de uma página da web. Você deve aprender a criar elementos HTML, como tags, imagens, links e formulários. Compreender a semântica do HTML é crucial para a acessibilidade e o SEO. CSS - ´Folhas de estilo em cascata É responsável pelo estilo e pela aparência de um site. Aprender a selecionar elementos com precisão usando seletores, aplicar estilos, como cores, fontes e margens, e criar layouts responsivos são habilidades essenciais para um front-end developer. JavaScript: É a linguagem de programação que permite adicionar interatividade a páginas web. Você deve dominar os fundamentos, como variáveis, funções e eventos, bem como bibliotecas populares, como jei Query, e estruturas de front-end, como Angular. ✨IDE: ( Integrated Development Environment )Microsoft Visual Studio. ✨IDE: ( Integrated Development Environment ) Visual Studio Code. EXTENSÕES VISUAL STUDIO CODE: LIVE SERVER: Carrega a página automaticamente. BEAUTIFY : Padroniza a formatação do código COLOR HIGHLIGHT : Mostra as cores que você está criando no arquivo css. INTELLISENSE FOR CSS: Fornece o auto completo da classe que você escreveu no seu código. ✨Tema do VS Code: Escuro+ (Escuro padrão) ✨Software Editor de videos: Shotcut. ✨Software para gravar a tela do computador: OBS Studio. Google Fontes: https://fonts.google.com/ ⭐ Biblioteca JavaScript https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js Fontes de ícones 🔎https://fontawesome.com/v5.15/icons?d=gallery&p=2 🔎https://fontawesome.com/ Ambiente de Desenvolvimento: codepen.io HTML E CSS: 🔎https://www.w3schools.com/default.asp Site de verificação de erro: 🔎https://validator.w3.org/ Tabelas de cores: 🔎https://www.flextool.com.br/tabela_cores.html Imagem para baixar: 🔎https://pixabay.com/pt/ Site para criar Thumbnails: 🔎https://www.canva.com/
