Para acompanhar o curso de HTML e CSS feliz você precisará de 4 ferramentas. Todas elas são gratuitas e funcionam nos três sistemas operacionais mais usados no mercado de trabalho: o Windows, Linux e MacOS.
As ferramentas são:
- Firefox;
- Visual Studio Code;
- Figma;
- Discord.
Firefox
O Firefox é um navegador, assim como o Chrome, Edge, Safari, Brave, Opera e outros, e a Mozilla é a empresa por trás dele. Pessoalmente gosto mais de trabalhar no Firefox, por ser um navegador completo e muito mais leve que o famoso Chrome.
Durante o curso usaremos muito a ferramenta chamada Developer Tools (ferramentas de desenvolvimento). Em cada navegador existem particularidades e, como usarei o Firefox, sugiro que use o mesmo, pois isso facilitará o acompanhamento das aulas.
Caso não tenha o Firefox instalado, segue o link para instalação: https://www.mozilla.org/pt-BR/firefox/all
Visual Studio Code
O Visual Studio Code foi criado pela Microsoft e o chamamos carinhosamente de VSCode (é possível que você já tenha escutado esse nome navegando em assuntos dev). O VSCode é um editor de texto que, diferente do Word e Notepad, é focado para desenvolvedores(as) escreverem seus códigos.
Ele possui muitos recursos e durante o curso explicarei alguns deles.
Ah! E CUIDADO!!! O Visual Studio Code é diferente do Visual Studio. O que você precisa instalar é o VSCode. Segue o link para instalação: https://code.visualstudio.com
Figma
Para acessar e/ou editar o layout do projeto do curso você precisará usar uma ferramenta chamada Figma. Como o curso não é focado em design ou no planejamento do layout, não aprofundarei sobre a mesma.
Nosso foco, neste curso, é pegar o layout que foi planejado e criá-lo em código HTML e CSS, mas para isso precisamos conhecer o básico dessa ferramenta feliz (muito usada pelas pessoas que trabalham com UI e Design).
Se você é como eu e já quer sair fuçando tudo, deixo aqui um vídeo onde mostro detalhes interessantes sobre o Figma, para quem está começando e quer saber mais sobre como usá-la (mas ó, não esquece de terminar o post, ok? Tenho mais informações importantes para compartilhar :))
Abaixo deixo dois links para você: no primeiro você consegue acessar o layout do projeto do curso no Figma (mas sem poder alterá-lo) e no segundo você terá acesso ao arquivo Curso_de_HTML_e_CSS_feliz.fig para baixar, colocar na sua conta e poder alterar tudo do seu jeito!
E, por último, mas não menos importante, temos o Discord.
Discord
Uma ferramenta para trocar mensagens por texto, áudio e vídeo. Nela temos uma comunidade onde você pode tirar suas dúvidas, comigo ou com outras pessoas da comunidade (que já fizeram ou estão fazendo o curso ou estão lá para trocar conhecimento e ajudar outros devs a serem mais felizes, rs).
A funcionalidade mais feliz no Discord é o compartilhamento de tela nas salas de áudio, onde você consegue mostrar qual exatamente é o problema que esta enfrentando no código. Lá você pode pedir ajuda, tirar dúvidas e, quando estiver pronto, ajudar outras pessoas também. Uma das coisas mais incríveis na comunidade dev é essa: tem muita informação, muita troca e sempre vai ter gente disposta a ajudar e contribuir na sua jornada.
Nosso servidor no Discord possui salas de dúvidas e cada uma tem um tema central. Fizemos isso para deixar a comunicação mais clara e feliz. Para entrar nessa comunidade bonita, com mais de 8 mil devs chavosos, "é só correr para o abraço": https://discord.gg/FP5UaAG
Nosso acordo feliz
Todo o curso e informações que compartilho são de graça. A única coisa que peço é, assim que tiver a oportunidade, ajude outras pessoas.
Se você começou a estudar agora, não se sinta pressionado a ajudar - apenas foque em aprender!!! - mas quando estiver pronto, contribua como puder para a comunidade :)
Top comments (0)