O que eu preciso saber para ser um desenvolvedor web em 2021
HTML-код
- Опубликовано: 7 фев 2025
- 💻 Conheça a Formação em Desenvolvimento Web 💻
refatorando.co...
🚀 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.
✅ Ebook: Como usar a ChatGPT para aprender a programação: refatorando.co...
✅ Ebook: Como encontrar as melhores vagas em TI: refatorando.co...
✅ Ebook: Como se destacar em processos seletivos de TI: refatorando.co...
✅ Faça parte da nossa comunidade no Discord: / discord
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!
massa! é importante definir um caminho / Roadmap de estudo, e não deixes a timeline do RUclips 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.
Lucas, excelente comentário, é muito importante ter um roadmap, e minha ideia com esse vídeo foi justamente trazer isso e dar um norte para as pessoas que estão começando e estão perdidas.
Lucas Montano do canal Lucas Montano, direto da Holanda para o Brasil via Canadá... Show demais. ave Lucas e ave Roger.
Valeu, cara. Tenho feito isso! To estudando HTML pra fazer meus pequenos sites, logo devo passar pro CSS pra aprender a deixa-los do jeito que eu quero e também JS pra fazer minhas funções funcionarem. É assim que eu crio o meu "roadmap".
Alguém tem grupo no WhatsApp que possa me add ?
Thank you for your advice bro.
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".
É porque eu não sei qual eu gostaria mais.
Pedro, é isso mesmo, ja falei em alguns vídeos, não tentem atirar para todos os lados, fiquem Fod*s em uma área e saibam um pouco do resto! Logo sai o vídeo com o Roadmap de backend!
@@Refatorando Você não acha bom saber o básico dos dois e depois escolher se especializar em um?
@@Gabriel-co6un é o certo amigo.
Eu tenho uma filosofia de vida meio diferente. Vamos ver até onde isso vai me levar, mas sigo a ideia de que ser flexível é algo mais importante. Acredito que é sim possível fazer software de qualidade em qualquer campo. Pra isso, recomendo ser esperto e abraçar tecnologias que te possibilitam ter essa flexibilidade e empoderamento. No meu caso, eu me contenho a somente usar as linguages Javascript, Python e Go, que possibilitam que eu faça qualquer tipo de projeto que vier em mente, com um nivel de produtividade alto. Por isso ja publiquei apps Android e iOS, fiz aplicações WEB completas (com ci/cd, containerizadas e com testes), aplicações desktop, modelos de machine learning e deep learning, ferramentas CLI e mais um tanto de projeto avulso. Cara isso é extremamente gratificante pra um programador olhar pra tras e ver que da pra fazer o que vier em mente. Muitas pessoas ja me disseram que as grandes empresas valorizam mesmo gente especialista, mas como pretendo ter a minha startup em breve, ser generalista vai ser um prato feito pro que eu quero.
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.
Exatamente Wesley! Caminho do sucesso! Não tem erro!
Excelente, foi o melhor guia de front-end que já vi na internet
Valeu David!
Verdade, está de parabéns!
Front end é ofensivo
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.
HTML
CSS
JAVASCRIPT
- TypeScripit
FRAMEWORK JS
- React
- Angular
- Vue
FRAMEWORK CSS
- Bootstrap
- Material UI
- Semantic Ui
CSS Preprocessors
- Sass
- Less
REST SERVICE / API
- Graphql
RESPONSIVE / MOBILE DESIGN
CROSS-BROWSER DEVELOPEMENT
GIT / VERSION CONTROL
TEST / DEBUGGING
PROBLEM SOLVING
Eu não trabalho ainda na área, mas estou já relativamente avançando no meu cronograma de estudos. Aprendi bem HTML e css (puro) sei um pouco de Bootstrap e saas... E sei o básico de javascript ( que é o que estou me aprofundando agora) até o fim do ano eu já vou estar em um bom nível e vou começar a procurar vagas de front no início do ano que vem... Na verdade eu já estou filtrando algumas vagas e aplicado... Mas vou pegar pesado msm em procura no ano que vem ... Montei meu cronograma desse ano em dezembro de 2019 pra conseguir chegar em janeiro de 2021 já apto para o Mercado e estou feliz de estar conseguindo minhas metas. Esse tipo de vídeo ajuda MT Roger pq quando eu comecei a me interessar pela área esses conceitos e essa stacks todas me confundiam MT. Acredito que pra quem tá começando TB confundam.
Excelente comentário Tyson, sucesso nos seus estudos aí e qqr dúvida 🙋🏻♂️
@Igor Carvalhaes Eu antes da pandemia não tinhas muito tempo ai eu estudava por volta de 30 minutos por dia. Com a pandemia eu to trabalhando de casa ai eu tenho mais tempo. Ai eu consigo estudar 2 horas tranquilo por dia. Não estudo mais do que isso pq percebi que quanto eu passo desse tempo eu começo a ficar meio improdutivo.
Estudei basicamente HTML e CSS nesse meio tempo e um pouco de javascript. Tudo puro. Agora que estou começando a estudar os frameworks. Acredito que se você for nisso mais ou menos vai conseguir bem rapido tb. Eu comprei dois cursos que estou me guiando por eles. Fazendo as aulas e resolvendo os desafios propostos por eles.
@@pedneves2 compartilha seu cronograma com a gente
@@pedneves2 quais os cursos Tyson? Estou começando agora com HTML5, CSS3 e só irei avançar para JavaScript quando realmente aprender esses dois.
Abs e bons estudos!
@@DaniFutureDev fiz exatamente a mesma coisa, só passei pra js quando eu tinha uma base de HTML e bastante conhecimento em css... Se tu tiver aptidão criar a partr visual aprende bem CSS.
Dos cursos que eu fiz o melhor sem dúvidas foi o da Origamid. Agora se tu tá procurando algo free.. tu pode ir nos cursos do Guanabara que eh fera TB.. sou membro apoiador do curso em vídeo e fiz o curso novo de HTML e CSS dele antes dele lançar... E ele eh MUITO BOM.
Vídeo massa, Roger! Valeu pelo conteúdo! Tô estudando pra ser desenvolvedora web, já entendo de alguns itens da lista mas com certeza o vídeo me deu um norte de onde devo dar mais atenção. Muitas vezes nós iniciantes ficamos perdidos e um "passo a passo" assim ajuda DEMAIS!!!
Gabi, essa é a ídeia, trazer um Norte para quem está perdido com a sopa de letrinhas de tecnologias que somos bombardeados todo dia. obrigado!
Como está os seus estudos hoje Gabi?
Valeu pela aula! Você foi a pessoa que trouxe o maior volume de informações diretas sobre a formação de frontend e direcionamento de estudos.
Muito obrigado! Continue por aqui, vamos ter muito outros conteúdos em breve!
Estou começando na programação e creio que é importante saber Front end, Back end e softskill (habilidade para se comunicar e interagir com equipe e clientes), e lógico focar em qual você se identifica.
Meu Deus, seu vídeo tem q ser referência para os demais quanto as formas de abordagens e ilustrações, sem contar a capacidade de síntese e objetividade.
Muito obrigado.
Sigo maratonando seus vídeos nos momentos de pausa dos estudos.
Abraço.
Obrigado pelo feedback Rodrigo. abs.
Obrigado, me sinto um ser ingênuo em uma busca insaciável de conhecimento
Muito obrigado por fazer este vídeo, eu estou a algum tempo já estudando as ferramentas relacionadas ao desenvolvimento Web. Estou focando mais em Javascript, pois o mesmo pode ser usado para o front end (React e React Native) e para o backend com o Node.js
Show de bola Rafael! Qualquer dúvida, só chamar! Abs e bons estudos aí.
E aí, como que tá? Eu atualmente estou na mesma situação, estou estudando desenvolvimento web e com foco também no JavaScript pois eu posso dar um pulo pro React e também solucionar problemas com o desenvolvimentos de aplicativos móveis(RN)
Simplesmente incrível a quantidade de informação e conteúdo de qualidade que você dá de graça pra gente Roger. Valeu mesmo cara!
Quando eu chegar no Canadá eu irei me lembrar de tudo que você me ajudou, tmj!
Valeu Cara, 👊😎
Cara, muito bom seu conteúdo! Possuo alguns conhecimentos e agora estou focando em graphQL (...) uma das coisas legais nesse mundo da Programação é a comunidade, sempre tem informação e pessoas pra lhe ajudar! Outra coisa: aprender inglês é fundamental, pois aumenta as chances de conseguir trabalho, além de compreender melhor as documentações (que em sua maioria são todas em inglês). Obrigado!
Sim, Elton, inglês é fundamental!!!!
Saber trabalhar com Docker (containers) é uma coisa que vejo as empresas pedindo bastante, mas de resto é bem isso que você falou!
Igor, realmente muita vaga ta pedindo, minha ideia nesse vídeo foi dar um norte para as pessoas que estão começando, e na minha opinião Docker seria o proximo passo,!
Abriu o mar no meioo!!!!!
Já acompanhava o outro canal, e não tem como esperar menos vindo de vc, muito obrigado!
Obrigado Felipe!!!!
Vídeo muito bom! Comecei a estudar Qa e meu próximo passo é o web developer 👏🏼
Boa, sucesso!
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.
Se você é iniciante e ficou assustado, não se assuste, parece muito de cara e sim é muito, mas é só questão de tempo pra você entender. E você não precisa aprender tudo de uma vez, começa pelo básico e com o tempo você vai aprendendo mais e mais...
Sobre o cross-browser, por padrão a maioria dos navegadores já aceitam o mesmo código, obviamente alguns ou os mais velhos ainda tem incompatibilidade e aí que vem o nosso lindo e maravilhoso BABEL.
é isso ai, conforme você vai se aprofundando vc vai sentindo anecessidade das outras partes e as peças vão se encaixando!
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
Show!!!!! Valeu cara!
"problem solving", isso é tão subjetivo. Vai desde a prática e hábitos, saúde física/mental/psicólogica até a genética (quociente de inteligência é mais de 50% genética). "Problem solving" é a skill mais importante e mais difícil
Concordo Paulo, e a mais importante. Por que no final do dia, em programação você é pago para resolver problemas. E quanto mais difíceis e complexos os problemas que você resolve, maior será a sua recompensa. Tanto para um funcionário, quanto para um empreendedor.
Cara trabalho desde 2010 como full stack developer (ou faz tudo), e a mais ou menos 1 anos estou me especializando em node js e gerando funcionalidades em React.
Mas no meu tempo livre tenho diversos projetos em várias tecnologias. O que vc aprende quando se depara com o mundo de TI é que nunca vamos parar de aprender coisas novas, e sempre é bom dar uma olhada no que tem de novo no mercado.
Fato, não podemos ficar presos a uma stack e correr o risco de ficar obsoletos em poucos anos!
Iae?
Que massa mano! Eu estou no comecinho dessa lista.
Show!!!
Uma coisa que tem sido muito requisitada para web developers são ferramentas de build como Webpack gulp e outros, com a força que o webpack tem hoje, algumas ferramentas tem sumido das vagas
Excelente ponto Evandro!
Gosto do jeito que as tecnologias se unem para formar um só sistema
Zack, isso é muito massa,
Obrigado por compartilhar os conhecimentos e experiência aqui na internet. Muito útil.
Eu sou Dinis Pedro e sou Angolano e gostei muito da tua bordagem mas faltou uma linguagem de programação voltado para Web além JS.
Olá!!! Muito bom o video. Valeu!!! Vou começar agora a estudar Web.
Bons estudos!
Me ajudou bastate e olha que olhei inúmeros vídeos a respeito. Obrigado!
Bem isso brother, hoje não tem nem como comparar os BO's que tínhamos nessa época, a padronização de engines ou próximo disso, ajudou mais. Valeu pelas dicas!
🙌
Excelente video , altamente explicativo e didático, um tema de video nesse mesmo estilo e bastante interessante seria sobre o "Wordpress" .
Oi Lucas, trabalhei em projetos pessoais com Wordpress no passado, adorava a ferramenta, vou pensar em Algo.
execlente aboradangem, acrescenta a integração de uma tecnologia para bakend especifica para web developer.
Ótimas dicas Roger. Estou no caminho certo. Abs.
Valeu Marcelo.
Apesar de já ser formado em sistemas de informações eu comecei a mexer com web developer mesmo 10 anos após concluir o curso. Estou trabalhando com Php + laravel + mysql, front Bootstrap e javascript...
Show de bola Allyson!
Obrigado. Eu estava precisando saber disso tudo. Gosto muito de front-end, criação de sites e afins. +1 inscrito
Valeu!!!
- Cara vc não deveria ter definido o que o HML é isso vai dar treta e tipo dogma não pode falar hahahha.
- webmaster-frontend, web developer, backend developer, full stack developer, software engineer. eu ja não sei mais o que sou e nem que vaga me inscrevo. kkk
- Dizem que se pronuncia Vue.js da mesma maneira que pronunciamos View.
- Cara eu uso o Vuetify não em coisa melhor pra fazer layout padronizado e responsivo. Recomendo.
cara, aqui no canadá eu ja ouvi a pronuncia de vue de tanta forma que confesso pra vc que não sei a correta, mas ta valendo!
Ótimo vídeo camarada, só achei algo de tanta qualidade assim no road map developer do GitHub. Bora pro vídeo do back-end agora hehehe.
Obrigado!
gostei muito do video, muito explicativo e da pra usar de base. Obrigado!
Valeu Ramon!
Roadmap de front end em formato de video. Show de bola !!!
essa é a Ideia Jhonatas. Valeu!
Este seu vídeo só me chegou agora em 2024, e o q vc recomenda para esta atualidade?
Começando os estudos hoje 28/12/21. Desenvolvimento WEB. Logo volto para mostrar os resultados.
Faz um video sobre design responsivel, ensinando como fazer
Pode deixar, tá anotado aqui em breve farei um video sobre👍🏻
Muito bom o vídeo, ajuda bastante quem está começando os estudos na progamação web. parabéns!
obrigado Wignner
Adoro!!!Sempre muita informação!!!Obrigada!!
Obrigado Patrícia
Muito bom seu video
Show, não conhecia o canal. Acabei de me inscrever. Continue, parabéns 👏🏻
Valeu Renan!
O difícil é, estudar tudo isso daí e não ter a prática diária. O recomendável seria estudar, conseguir uma vaga aí sim você consegue se aprofundar. Estou estudando HTML, CSS e JAVASCRIPT, confesso que esqueço os códigos porque não uso todos os dias.
Concordo Leonardo, tem que praticar, criar projetos pessoais para enriquecer o portifólio até conseguir uma primeira oportunidade, o primeiro degrau sempre é o mais difícil.
Boa noite Roger, tudo bem? Cara, tô completamente perdido aqui nos meus estudos e queria muito de uma ajuda sua, se possível!! Meu objetivo é ser um desenvolvedor front-end como já disse em outros comentários, nunca estudei programação na minha vida, tô começando do absoluto zero. Recentemente comprei o livro Código Limpo e estou lendo no momento. Comprei também um curso na udemy de JavaScript. Tem um canal que gosto muito de acompanhar que é o canal do Fábio Akita, não sei se você o conhece. Nesse canal, ele orienta que para quem deseja se tornar um programador front-end, o primeiro passo é começar estudando o road map do Github para front-end. Olhando aqui o road map do Github são vários tópicos a serem estudados. Minhas maiores dificuldades no momento são: Como se estuda cada tópico desse? Por onde eu começo? Existe algum passo a passo para estudar cada tópico desse? Se existe, quais são? Como tudo é absolutamente novo pra mim, confesso que estou simplesmente perdido e não sei como se estuda e se aprende programação da forma mais inteligente. Estou lendo aqui o livro Código limpo mas parece que estou lendo tudo em grego, são termos que desconheço totalmente. Decidi vir aqui no seu canal para ter uma segunda opinião e porque gosto bastante da sua metodologia de ensinar e abordar temas de programação. A maioria dos canais aqui do youtube não ensina como aprender a aprender programação sabe, principalmente para iniciantes do zero que é o meu caso. Seria muito bom se você pudesse fazer um vídeo desse. Valeu, grande abraço!!
Elias, o livro código limpo é excelente, mas guarda ele na estante que não é a hora de ler ainda, antes de ler ele vc precisa fazer muito código sujo...Hahaha. sobre o roadmap e por onde começar eu sugiro vc seguir o roadmap do github ou um vídeo que fiz sobre web DEVELOPER, começa com 3 tecnologias HTML, CSS e Javascript...qua do dominar as 3 vc vai sentir necessidade do resto é as peças vão se encaixando.
vídeo impecável parabéns
Valeu Gabriel!
Atualmente tô trabalhando com Nuxt (vue), essa parte do desenvolvimento crossbrowser melhorou bastante, só o IE 11 que ainda é chatinho, mas nem se compara
Frontend tem evoluído bem e eu tô doido pra testar a nova versão do Next que tá saindo
massa, vou dar uma olhada no Next, pra ser honesto tenho pouquissimo conhecimento em Vue
Rápido e conciso 👏🏻👏🏻👏🏻
Valeu!
Muito bom adorei a lista!
Obrigado!
Se eu não me engano o Sass já atualiza o arquivo final do css para funcionar perfeitamente na maiora dos browsers
Bom saber Gabriel, vou dar uma olhada nisso!!! valeu
Bom dia Roger, estou começando do zero. Meu objetivo é ser um desenvolvedor web front-end. Estou focado agora em aprender Javascript. Como sou totalmente leigo nessa área, estou focando somente em Javascript para depois partir para as próximas ferramentas. Você acha que seria melhor eu estudar em paralelo outras ferramentas, tipo CSS e HTML? Que conselhos você me daria? Muito obrigado pela atenção!! Muito bom seu jeito de abordar esses temas de tecnologia. Grande abraço!!
Recomendo vc estudar o HTML e o CSS pois eles andam junto com o Javascript e vc vai precisar dos 3 pra criar algo na WEB.
Você vai fazer um video sobre backend? Me ajudaria bastante 😅
Dei algumas pesquisadas mas ainda me sinto perdido
Eu comecei a estudar a algum tempo, Python, Django, banco de dados, servidores, e frontend (o básico pois foco em backend), mas sempre que avanço parece que está faltando algo para aprender, ou que talvez eu ainda não tenha noção do que é a área de backend
Se puder explicar também como é a dinâmica de uma empresa, pois eu nem sei se ao entrar em uma eu vou ficar responsável por uma coisa específica, ou por todo o backend
Kuni, vai ter vídeo sobre o backend sim e também vou falar do mercado de trabalho!!!!
Curti muito o vídeo mano, informativo e curto, direto ao ponto! Comecei faz um mês essa jornada pro Web Development, quanto a projetos pra publicar no github pra me tornar agradável ao mercado eu me sinto bem confuso. Devo fazer sites pra "provar" minha habilidade? Novamente, ótimo video! :P me inscrevi
deve sim, cria alguns sites e coloca no seu git e cria um portifolio bacana! e nao esquece do link do portifolio no teu CV
@@Refatorando Valeu pelos insights ai kkkk você e o Lucas Montano agora sao os que mais estou antenado, continua ai!
Front-and ou back-and?
React ou react native?
Tu e top mas um escrito
De 2010 pra cá a vida ficou muito mais fácil 🤣 CSS3 trazendo o media query resolveu muito problema de responsividade.
E trabalhando com coisas como TS e SASS que no final vão compilar o código final também tem o benefício de prever alguma coisa de compatibilidade.
Nos testes e2e também dá pra rodar em diversos tamanhos e até dispositivos dependendo do caso, só tem que ficar esperto pra não ser enganado pelo teste porque, em geral, o teste vai achar o "botão branco no fundo branco" que o usuário não vai.
André, obrigado pelo comentário, fico feliz em saber que a nova geração esta sofrendo menos do que nós sofremos no passado...hahaha
Não esqueçam do flexbox e grid kkkkkk. Para quem sofria com float, está no céu agora
O sass hoje em dia com o react e o styled-components ainda vale a pena? Eu usei uma vez e gostei muito, mas um amigo meu gosta muito do styled-components do react e disse que o sass não tem futuro mais.
@@fParad0x_ styled-components é um ótimo caminho "pra quem usa React".
Pra quem usa Angular, por exemplo, já não faz sentido nenhum! Pondere.
A questão não é a ferramenta em si, mas sim o fato de "compilarem" o código que antes era enviado direto pro cliente. Isso possibilita melhorias de compatibilidade, inclusive cross-platform em alguns casos.
Diferentemente do Angular, React não é um framework, é uma biblioteca JavaScript.
Ele é uma library por definição, inclusive na homepage do proprio React diz isso, mas pela comunidade é considerado como um framework formando a santissima trindade de frameworks Javascript React, Angular e Vue!
Excelente orientação. Parabéns.
Posso fazer mais um pergunta? O que eu preciso aprender para mudar o layout, alterar o template, criar telas de captura e etc no WordPress? Especificamente no WordPress.
Certamente preciso aprender HTML, CSS, PHP. Porém falta mais alguma coisa?
Valeu!!!
Olá leonardo, obrigado! HTML, CSS, PHP, Javascript, Rest Services e APIs
@@Refatorando Legal!! Muito obrigado por responder. Sucesso!!!
Esse negócio de design responsivo e cross browser, se vc sabe bootstrap, sabe isso.
Sim, bootstrap e lindo, resolve 99% dos casos sem mto esforço.
Bom ver que eu estou no caminho certo.
😎👊
Oque você me serguere baseado nos cursos que estou fazendo?
Faço uma graduação em processos gerenciais que é um tecnólogo.
Comecei a fazer essa semana Analise e desenvolvimento de sistemas, também é um tecnólogo.
Faço curso na Udemy de web design...
Gosto de resolver problemas, pensei que talvez trabalhando com web design eu iria ter essas questões, porém eu não conhecia programação, mas ai depois que comprei o curso, descobri programação, daí não quero desperdiçar o dinheiro gasto com o web design e nem com o processos gerenciais que falto apenas 1 ano...
Analise e desenvolvimento de sistemas vai te dar um norte bom sobre tecnologia e ajudar você a encontrar a melhor área para você, é mto bom!
Esse menino é dez demais!
Obrigado Beka!
Refatorando você merece 😘
Qualidade show
Valeu!
Faz um de back end.
vou fazer em breve.
@@Refatorando conheci o canal agora, mt bom ;)
Eu vi seus 2 vídeo front end e Beck ende sou vendedor e gostaria de mudar de profissão qual o curso que eu deveria investir para mudar de profissão na área para ser autônomo também obrigado 👍🏆
Acesse refatorando.com
Muito bom seu vídeo!
Obrigada 😃
Tenho muita vontade de iniciar algo a desenvolvimento mais não sei nem por onde começar
Escolhe uma linguagem começa a aprender ela e algoritmos.
Ótimo vídeo, só senti falta do PHP kkkkkkk
Natan, PHP apesar de ser para WEB, é backend! logo sai o vídeo de roadmap de backend!
Mas, quem trabalha na parte do servidor, também não é um Desenvolvedor WEB?
Não necessariamente, na verdade nos temos duas abordagens, Front-end e Back-end, nesse vídeo meu foco foi no front-end, vou fazer um vídeo exclusivo para backend, mas se você souber os dois vc não é mais um desenvolvedor web e sim um Dev Full-stack. no Brasil culturalmente nos fazemos um pouco de tudo, mesmo não manjando muito acabamos metendo a mão nos dois lados, aqui no Canadá as roles são bem definidas e separadas.
Então no caso, é correto dizer: desenvolvedor web para front-End e desenvolvedor web para back-end ? Já que se souber os dois não é mais e sim um dev full-Stack.
Eu ainda to em duvida de segui ou não a carreira de front end, por que tenho um receio de não me enquadra na profissão ou não consegui manter atualizado para mercado
Emerson, o grande desafio não só de Front end, mas de toda área de T.I. é se manter atualizado, as tecnologias/ferramentas ficam obsoletas muito rapido. se você está em dúvida, comece sozinho, aprenda alguma linguagem e veja se é o que você gosta, pois se for, você vai evoluir e se manter atualizado por prazer, não por obrigação.
Salve Roger, gostaria de saber se Web Development and Web Design é uma boa área aí no Canadá?
Qualquer uma das duas áreas tem bastante oportunidade
Sou novato, sei praticamente nada de programação e gostaria de ser um desenvolvedor web. Fazer análise e desenvolvimento de sistema consigo seguir esta área?! E mais uma dúvida... Entrar com cara assim em ADS Na faculdade ajudará?
Desistindo em 3,2,1
Meu caro, tudo bem "Meu teclado não tem interrogação"
Então jovem não sei se você conhece o site udemy, após estou fazendo meu curso de desenvolvedor ‘web’ nela, E alguns professores ensina usar a ferramenta e elaborar +6 projetos. Ou seja, oque você acha dessa plataforma ou site para aprender programação, e tem o, porém que muita empresa (inter)nacionais aprovam esse site...
Cara, é muito bom, eu fiz e faço cursos na Udemy até hj, é bom e barato.
Gostei muito do seu vídeo, foi bem direto ao ponto. No meu caso, seria meu primeiro emprego na área de TI. Eu tenho que saber tudo isso para uma vaga Júnior? Abraços.
Rafa Gomes, para trabalhar com desenvolvimento web e front-end sim.
WordPress entra em alguma parte dessas q falou? É front end? Pq que hj em dia quase tudo se baseia nele?
wordpress é um CMS desenvolvido em PHP com MySql, muitos sites são criados em cima dele, você pode alterar e desenvolver plugins, mas é uma abstração imensa do que é a programação.
@@Refatorando legal... Obrigado por responder, mas pq ele é muito cogitado em produção de sites hj em dia
ops abordagem
Estou entrando nesse mundo agora e me interessei muito pela área da tecnologia, mais especificamente no front-end... tem cursos e faculdade para me indicar referente a essa área? Estou perdido kkkk
Gabriel, assiste meus videos sobre fazer faculdade ou aprender sozinho e o sobre analise e desenvolvimento de sistemas...vai te ajudar.
Incrivel.
♥
Excellent!
Glad you liked it!
Vim pelo filipe e pela renata.
Seja bem vindo Elias! Filipe e Renata são demais.
Eu to vendo sobre programação e quero ser desenvolvedor web, e to aprendendo a primeira linguagem php, é bom?
Caue, minha primeira linguagem para web também foi PHP, a muitos anos atras, para mim funcionou mto bem para aprender os conceitos, mas um tempo depois migrei para C#, o que quero dizer é, se ta funcionando pra ti, continue, aprenda os fundamentos e se no futuro quiser migrar vai ser facil pois esses fundamentos se aplicam para qualquer linguagem!
estou com 23 anos, quase 24 e não comecei a estudar ainda mas tenho interesse na área, acha que consigo ainda ou é melhor investir em outra coisa?
Cara vou te mandar a real, com 23 anos você está MUITO novo ainda, se gostar na área invista sem pensar duas vezes, você tem tempo demais para montar uma carreira brilhante na área
Essa é a idade que todos costumam a estudar irmão kk, você ainda tá novo. Tem gente que começou a estudar aos 40 anos e olha lá. Nunca é tarde de mais para aprender.
A faculdade de desenvolvimento Web da Anhanguera,vale a pena?
Olá! Recomendamos que analise a grade para garantir que irá atender o que você procura
Tenho 25 anos e estou me formando em adm. Qro trocar de carreira, vale a pena migrar para desenvolvedor web???
Vc que tem q dizer se vale a pena para vc, web developer tem bastante vagas é um mercado em expansão, mas vc vai passar 1,5 nisso para aprender, se tivesse no seu lugar ficava trabalhando na sua área enquanto a prende desenvolvimento web, pq a transição demora um pouco
Boa noite Roger! Como que esta a área para FullStack Developer, to terminando um curso e tenho interesse em morar no Canadá .
Ta bombando e com salários muito bons!
Foca no React
☝️
Fala amigo. Obrigado pelos seus vídeos. Me tira uma dúvida por favor: Quais as faculdades no Rio ou em São Paulo que são boa referência para eu fazer o curso de tecnologia em Análise e desenvolvimento de sistemas?
Fatec e Instituto Federal
Video excelente, faculdade é algo recomendado para entrar no mercado de TI? Tenho 18 anos, estou saindo do médio, e tenho foco em morar no exterior daqui alguns anos trabalhando com código, vale a pena focar 5 anos em tecnologias do mercado? ou será que é bom passar pela faculdade?
Abismo42, faculdade não é requisito para trabalhar com TI, trabalho com excelentes profissionais que não fizeram faculdade ou fizeram cursos nada a ver com TI, mas ela vai te dar a base e os fundamentos, se for fazer, eu faria um tecnologo, na verdade eu fiz um tecnologo.
@@Refatorando vc fez tecnólogo de que? Estou pensando em fazer ADS numa particular mas estou com medo de ficar sem emprego
O que é DevOps?
Fiz um vídeo explicando ruclips.net/video/DZMySAx1gTw/видео.html
Roger, what do you think is the "easiest" IT area to find a job in winnipeg?
Software engineer, working with Java.
ué, não entendi por que front-end é ofensivo
Bruno, quando eu estava fazendo a consultoria com os frontends/web developers para montar esse Roadmap um deles me falou que achava frontend um termo meio ofensivo, eu não acho ofensivo não, mas quiz dar uma sacaneada nele no vídeo! hehehe.
Como é que eu faço para trocar meus professores por você? Sério, eu quero um curso.
Regiane, tem um curso de python Rolando, ainda estou trabalha do na didática dele, pois é o primeiro, mas minha ideia é trazer cursos totalmente gratuitos para vocês!!!
Gostei do nome do canal
Valeu! :)
olha, nao é justo.. o cara estudar essa cacetada de coisa, pra ganhar mil, mil e quinhentos reais (Brasil).. programadores uni-vos!
exatamente por esse motivo a maioria dos dev ganham experiuencia no BR e vazam pra america do norte ou europa!
@@Refatorando é oq pretendo fazer
Roger, trabalho com suporte e estou indo para o 3 semestre de Redes de computadores, vejo que o mercado tem mais vagas para dev do que para infra (mesmo procurando por devops), acha que eu teria que mudar o curso da facul para ADS para me dar vantagem na hora de migrar de area?
Não necessariamente Diego, vc pode terminar teu curso e focar nas tecnologias pra dev por conta, tem muito recurso e material na internet que pode te ajudar, veja bem, eu sou formado em desenvolvimento web e atuo como devops/SRE, vai de vc correr atras e ir evoluindo pro lado que vc tem mais interesse.
@@Refatorando muito bem colocado, obrigado pelos esclarecimentos. Parabebs pelo canal e pela atenção que vc da para os inscritos, estou ativando o sininho para nao perder nenhum conteúdo. Obrigado novamente!