Curso de Front-end

Aprenda a programar e criar a interface para o usuário.

Existe uma divisão macro entre os profissionais que trabalham com desenvolvimento e programação nos dias de hoje: Back-end e Front-end. O front-end é a área visível para o usuário de um determinado sistema ou então de uma determinada aplicação. Basicamente é o local que oferece a possibilidade de interação para o público final.

Os profissionais que trabalham com Front-end basicamente atuam na experiencia do usuário. Dentre as linguagens mais utilizadas por este profissional estão HTML (linguagem de marcação), CSS (linguagem de estilo) e JavaScript (linguagem de script/programação). Nos últimos anos, esta área também viu a introdução de outras linguagens e pseudo-linguagens, como TypeScript e CoffeeScript, que podem ser utilizadas de acordo com as necessidades da aplicação.

Aprenda mais sobre front-end neste curso online e gratuito. Não deixe de conferir também o curso de FrontEnd Javascript – DOM.

Sobre o curso

Neste curso online e gratuito os estudantes poderão aprender mais sobre o mercado de desenvolvimento de Front-end. Mais do que simplesmente abordar as tecnologias que devem ser dominadas por estes profissionais, o curso também ensina sobre os passos que devem ser dados na carreira de uma forma geral e dicas para quem quer começar.

Estrutura do curso

[ Curso Front-end ] Introdução

[ Curso Front-end ] Técnicas de aprendizado

[ Curso Front-end ] Fixando Conhecimento

[ Curso Front-end ] Resultados na Carreira

[ Curso Front-end ] Faça Projetos Práticos

[ Curso Front-end ] Ferramentas

[ Curso Front-end ] Instalando os Plugins

[ Curso Front-end ] Fluxos básicos Git e Github

[ Curso Front-end ] Iniciando com Git e Github

[ Curso Front-end ] Curiosidades Git Github [1]

[ Curso Front-end ] Curiosidades Git Github [2]

[ Curso de HTML ] O que é HTML? Veja por que você deve utilizar! 💻

[ Curso de HTML ] O que são tags html? Conheça agora! 🌀

[ Curso de HTML ] Veja qual Ambiente de Desenvolvimento FrontEnd usar! 💾

[ Aula 1 de HTML 5 ] – Títulos, Parágrafos e quebra de linha

[ Aula 2 de HTML 5 ] – Navegação, listas e Links

[ Aula 3 de HTML 5 ] – Imagem

[ Aula 4 de HTML 5 ] – Tabelas

[ Aula 5 de HTML 5 ] – Id e Class

[ Aula 6 – 1/2 de HTML 5 ] – Form

[ Aula 6 – 2/2 de HTML 5 ] – Form

[ Aula 7 – HTML 5 ] – Tags Estruturais

[ Aula 8 – HTML 5 ] – O que são Divs

[ Curso Front-end ] Introdução [ Css ]

[ Curso Front-end ] Funcionamento [ Css ]

[ Curso Front-end ] Seletores [ Css ]

[ Curso Front-end ] Especificidade [ Css ]

[ Curso Front-end ] Herança [ Css ]

[ Curso Front-end ] Cores [ Css ]

[ Curso Front-end ] Unidades de Medidas [ Css ]

[ Curso Front-end ] Margin, Padding e Border [ Css ]

[ Curso Front-end ] Display visibilidade [ Css ]

[ Curso Front-end ] Posicionamento [ Css ]

[ Curso Front-end ] Border radius [ Css ]

[ Curso Front-end ] Background [ Css ]

[ Curso Front-end ] Background Gradient [ Css ]

[ Curso Front-end ] Font [ Css ]

[ Curso Front-end ] Text[ Css ]

[ Curso Front-end ] Shadown [ Css ]

[ Curso Front-end ] Responsivo [ Css ]

[ Curso de FlexBox ] – Introdução ao FlexBox

[ Curso de FlexBox ] – Flex Direction

[ Curso de FlexBox ] – Flex Wrap

[ Curso de FlexBox ] – Justify Content

[ Curso de FlexBox ] – Align Items

[ Curso de FlexBox ] – Align Self

[ Curso de FlexBox ] – Flex grow

[ Curso de FlexBox ] – Flex shrink

[ Curso de FlexBox ] – Order

[ Curso de FlexBox ] – Flex Basis

[ Curso de FlexBox ] – Flex

[ Curso de FlexBox ] – Final Criando Menu

[ Curso Front-end ] Entendendo a Estrutura [ 1 – HandsOn ]

[ Curso Front-end ] Criando estrutura de um site [ 2 – HandsOn ]

[ Curso Front-end ] Criando estrutura de um site Github [ 3 – HandsOn ]

[ Curso Front-end ] Criando Menu [1] [ 4 – HandsOn ]

[ Curso Front-end ] Criando Menu [2] [ 5 – HandsOn ]

[ Curso Front-end ] Refatoração [ 6 – HandsOn ]

[ Curso Front-end ] Montando o Main com Css [ 7 – HandsOn ]

[ Curso Front-end ] Background e Footer [ 8 – HandsOn ]

[ Curso Front-end ] Bate-papo sobre o projeto [ 9 – HandsOn ]

[ Curso Front-end ] Background responsivo [ 10 – HandsOn ]

[ Curso Front-end ] Elementos responsivos [ 11 – HandsOn ]

[ Curso Front-end ] Terminando o Responsivo do site [ 12 – HandsOn ]

[ Curso Front-end ] Considerações Finais [ 13 – HandsOn ]

Como Publicar o site no GitHub Pages! 💻

Var Let e Const com Javascript

For com Javascript – Métodos de iteração

ForEach com Javascript – Métodos de iteração

Map com Javascript – Métodos de iteração

Filter com Javascript – Métodos de iteração

Find com Javascript – Métodos de iteração

Every com Javascript – Métodos de iteração

Some com Javascript – Métodos de iteração

Reduce com Javascript – Métodos de iteração

Javascript – new Set()