Front-end, JavaScript e React

HTML, CSS, JavaScript, React...

São muitos os caminhos e você pode não saber por onde começar?

Montei essa trilha com a minha visão de como você pode seguir nos estudos de Front-end passo a passo.

É importante você entender que é a minha visão. Com o tempo você aprenderá quando deve se aprofundar em cada tecnologia.

Como estudar?

Antes do primeiro passo, sugiro você seguir as dicas fantásticas deste vídeo:

Super recomendo você pegar os "blocos de formações" (falarei mais para frente ) e estudar um em um dia outro em outro e assim ir sedimentando os seus conhecimentos.

Primeiros passos

A Web é a plataforma de programação mais importante do mundo. Suas principais tecnologias, o HTML e o CSS, são as fundamentais para a criação de qualquer site. Quem domina essas tecnologias, suas boas práticas e seus recursos mais avançados, tem espaço no mercado de programação para front-end, possibilitando a criação de sistemas e aplicativos incríveis.

Praticamente todo produto digital precisa de um front-end Web, por isso é um mercado imenso no Brasil e no mundo. Se engana quem acha que aprender um pouco de HTML e CSS é o suficiente. A pessoa que trabalha nessa área deve aprender a lidar com desafios diários como, por exemplo, conhecer as boas práticas de código, dar suporte aos múltiplos navegadores web, desenvolver páginas que se adaptam a smartphones entre outros, portanto é necessário muita prática!

A formação HTML e CSS da Alura foi pensada para você que quer se tornar uma pessoa desenvolvedora front-end, iniciar seus estudos de forma leve e prática.

Além disso, entender o papel do CSS em potencializar as informações do HTML, estruturando em layouts de colunas e linhas, além dos devidos destaques visuais, como cores, fontes, tamanhos e mais recursos.

JavaScript

Chegou o momento de juntarmos tudo que aprendemos até agora e montarmos uma página web dinâmica, utilizando HTML e CSS para a criação de elementos gráficos, junto com o JavaScript para a manipulação dos componentes da página, permitindo modificação e interação.

React

React foi criado pelo Facebook e tem crescido muito dentro da comunidade front-end no Brasil e no mundo. O que faz essa biblioteca ser tão amada, é que ela traz uma maneira simplificada para a criação de interfaces de usuário, além de possibilitar uma atualização e renderização eficientes dos componentes necessários à medida que os dados mudam.

Desenvolva sites seguindo as boas práticas de programação e aplique diferentes técnicas usadas para criar aplicações Web como Facebook, Netflix, Instagram, Uber, Airbnb e outros.

Próximos passos

TypeScript

Você já deve ter ouvido falar que o TypeScript é um super-set (ou superconjunto) da linguagem Javascript. Mas o que isso significa? O TypeScript (TS) consegue utilizar todo o cotexto do JavaScript (JS) e acrescenta vantagens próprias, como tipagem estática e outros recursos da linguagem que tornam o código menos suscetível a erros durante o desenvolvimento e bugs. Assim, ao utilizar essa linguagem, a sua experiência será bem mais fluida e sofisticada.

React com TypeScript

Você já deve ter ouvido falar que o TypeScript é um super-set (ou superconjunto) da linguagem Javascript. Mas o que isso significa? O TypeScript (TS) consegue utilizar todo o cotexto do JavaScript (JS) e acrescenta vantagens próprias, como tipagem estática e outros recursos da linguagem que tornam o código menos suscetível a erros durante o desenvolvimento e bugs. Assim, ao utilizar essa linguagem, a sua experiência será bem mais fluida e sofisticada.

Next

O Next se propõe a preencher essas lacunas encontradas no React, permitindo realizar renderização híbrida - estática e do lado do servidor (Server Side Rendering), pré-busca de rota, suporte a TypeScript, entre outras vantagens que o tornam muito atrativo para otimizar o dia a dia em desenvolvimento.

Nesta formação você vai aprender desde os conceitos fundamentais do Next até como criar os seus projetos com as melhores práticas da ferramenta.