O que eu preciso saber para ser um desenvolvedor web em 2021

💻 Conheça a Formação em Desenvolvimento Web 💻

🚀 Mergulhe nos nossos eBooks repletos de insights valiosos e junte-se à nossa comunidade no Discord, onde o aprendizado se torna uma experiência coletiva e inspiradora.

Fala pessoal tudo bem como vocês, Roger Santos aqui, estou feliz em ver vocês aqui de novo para mais um vídeo e hoje

Eu vou contar para você, o que você precisa saber para ser um Web Developer ou Front-end Developer

Essa é uma das perguntas que mais eu recebo nos comentários ou em mensagens la no instagram que é, Roger, eu quero ser um Web Dev, ou eu quero ser um Backend dev, ou Quero ser Devops, o que eu preciso saber?

- HTML

HTML não é uma linguagem de programação, mas sim uma linguagem de marcação utilizada na construção de páginas na Web. e é fundamental se você deseja trabalhar com WEB.

- CSS

Basicamente é a forma de você enfeitar seu codigo HTML, você colocar estilos neles.

- Javascript

é uma linguagem de programação que está presente em todas as paginas que você acessar na internet, na verdade todas não, pois ainda existem paginas estaticas, mas qualquer pagina onde haja qualquer interação, ela contem javascript, alias, basicamente o resultado que você ve das paginas que você acessa são basicamente a Junção de HTML, CSS e Javascript.

Se você ir com o botão direito no navegador de vocês e clicar em ver codigo fonte, o que você vai ver ali é exatamente essas tecnologias!

- Typescript

Como javascript é fracamente tipada a microsoft criou o Typescript para adicionar tipagem e alguns outros recursos ao javascript.

Eu Diria que Typescript não é um requisito para se tornar um Web Developer, mas é altamente recomendado pois muitas empresas ja aderiram ao uso e é muito requisitado nas vagas.

- JavaScript Frameworks

Nos conseguimos fazer praticamente tudo usando apenas javascript vanilla, ele puro sem um framework, mas cada vez o uso de frameworks está maior dentro das empresas e com a morte do Jquery e surgimento de outros no mercado eu recomendo que vocês apredam pelo menos um entre esses 3

- React (Recomendado)
- Angular
- Vue
- CSS Frameworks

da mesma forma do javascript, você tambem consegue fazer qualquer efeito usando css puro, mas os frameworks são uma mão na roda e junto com javascript entregam diversos componentes visuais prontos para nos, os mais comuns no mercado hoje são: recomendo que escolha um deles

- Booststrap
- Material UI
- Semantic UI
- CSS Preprocessors

são basicamente scripts que extendem as funcionalidades do CSS e deixando eles mais "programaveis", eles ajudam em automatizar, reusar e evitar erros em css. também diria que não é obrigatório, mas é bom você saber pelo menos

- sass
- less

RESTful Services/APIs

Eu não vou entrar em detalhes nesse aqui pois cabe um vídeo exclusivo sobre isso, masrestful services, API e webservices são a forma que você vai se comunicar com o backend para consultar dados em um banco de dados por exemplo. você pode utilizar esses servicos diretamente com requisições HTTP ou utilizar uma Query Language para fazer isso.

nesse caso eu tambem diria que não é obrigatório, mas fortemente recomendado que vocês conheçam:

- GraphQL

que é uma query language criada pelo facebook e é uma alternativa a arquitetura REST.

- Responsive/Mobile Design

ou Design responsivo é uma abordagem onde você renderiza suas paginas HTML dependendo do tamanho e do tipo de dispositivo. nesse caso é uma forma de você fazer uma unica pagina que saiba se acomodar tanto em um monitor 4k, quanto em um celular ou tablet sem você precisar fazer uma pagina diferente para cada um deles.

- Cross-Browser Development

Pra ser honesto com vocês, esse foi um dos motivos de eu ter desistido do frontend la em 2012.

- Git/Version Control

Qualquer empresa de tecnologia que se preze trabalha com um controlador de versão e o mais popular deles é o GIT, então você precisa conhecer pelo menos os comandos basicos de git para poder trabalhar em uma empresa de tecnologia hoje em dia.

- Testing/Debugging

Você precisa saber debuggar seu codigo e conhecer pelo menos como funcionam testes unitarios, testes funcionais e testes de integração e saber como escrever eles.

- Problem Solving

E por ultimo e não menos importante, na verdade é o mais importante de todos que é Problem Solving, é a habilidade de resolver problemas, lembrem-se programação é só a ferramenta, nos na verdade somos resolvedores de problemas!

[LucasMontano]

massa! é importante definir um caminho / Roadmap de estudo, e não deixes a timeline do YouTube definir qual tecnologia estudar. tenho visto muita gente ansiosa e patinando nos estudos, não evoluindo por falta de prática e foco. definir um projeto, ir atrás do que precisa aprender pra fazer acontecer (perguntando pra alguém que tem mais experiência) é importante.

[blablablabla-mjrn]

Uma dica, foquem no backend ou frontend, claro que, aprenda a fazer um HTML&CSS e também a fazer um backend simple, mas se especializem em algo.
Um chefe meu uma vez disse:
"Uma alteração no backend eu faço em 30 minutos, e no front eu faço em 3 horas, mas eu não estaria aqui se tentasse fazer os dois em 30 minutos".

[machine]

Engraçado que muitos youtubers grandes fazem vídeos com o objetivo de facilitar pra quem está iniciando, porém na maioria das vezes acabam deixando tudo ainda mais difícil. Você em três vídeos mostrou a função da maior parte das tecnologias q são usadas pelos devs atualmente, de uma forma simples e facilitada, mt obrigado por esses vídeos.

[wesleysantos]

Uma coisa muito importante que me ajudou muito no meu aprendizado, é aprender html, css e js básico. E ir se aprofundando aos poucos. Arrumar logo um job e depois focar onde a empresa tem a maior necessidade.

[SoaresGaucho]

Obrigado por compartilhar os conhecimentos e experiência aqui na internet. Muito útil.

[washingtoon]

Direto ao ponto e esclarecedor, muito obrigado pelas informações.

[viniciusdias]

Me ajudou bastate e olha que olhei inúmeros vídeos a respeito. Obrigado!

[AirtonSI]

Didática perfeita, eu que sou iniciante consegui compreender tudo, isso é muito importante riqueza de informações de forma organizada e de fácil compreensão, parabéns mais um inscrito.

[patriciasalerno]

Adoro!!!Sempre muita informação!!!Obrigada!!

[mndox]

Ótimas dicas Roger. Estou no caminho certo. Abs.

[renanpassos.oficial]

Show, não conhecia o canal. Acabei de me inscrever. Continue, parabéns 👏🏻

[ProfissionalCertificado]

Mais um vídeo TOP, falamos sobre isso esses dias.... Obrigado!

[davidjarbas]

Excelente, foi o melhor guia de front-end que já vi na internet

[luizinniziul]

Que massa mano! Eu estou no comecinho dessa lista.

[fenixitape]

Olá!!! Muito bom o video. Valeu!!! Vou começar agora a estudar Web.

[ramongiorgi]

gostei muito do video, muito explicativo e da pra usar de base. Obrigado!

[Wignner]

Muito bom o vídeo, ajuda bastante quem está começando os estudos na progamação web. parabéns!

[andersonsilvano]

Roger... Inicialmente todo o sucesso pra ti. Espetacular o Roadmap. A muitos anos trabalho com uma mesma linguagem e sempre fiquei meio perdido em como migrar para outras e seu roadmap foi uma luz. Muito obrigado

[feliperodrigues]

Abriu o mar no

Já acompanhava o outro canal, e não tem como esperar menos vindo de vc, muito obrigado!

[guilhermemoraes]

Obrigado. Eu estava precisando saber disso tudo. Gosto muito de front-end, criação de sites e afins. +1 inscrito