Guia de estudo JavaScript em 2023! (o que eu focaria)
Вставка
- Опубліковано 10 лют 2025
- Inscreva-se gratuitamente no DevLinks: rseat.in/q5-xC...
Se focar nos estudos em JavaScript é uma das suas metas pra 2023, esse é o vídeo pra você.
Primeiro de tudo você precisa entender qual o seu nível de conhecimento em JS. Em segundo lugar você vai analisar todas as dicas e entender quais desses assuntos mais se encaixam com o seu momento atual. Nós preparamos esse conteúdo como um guia de estudos pra você adaptar da melhor maneira, sem atropelar a sua evolução e a sua jornada como dev.
Essa já é uma baita dica de como buscar a sua melhor versão esse ano. Mas quer saber o que tem de melhor no JavaScript pra 2023?
Então bora assistir! 🚀
Tudo que você deve estudar de JavaScript antes do React:
• TUDO que você deve est...
-----
Conecte-se a 200mil devs e avance para o próximo nível com a nossa plataforma: rocketseat.com...
Cadastre-se na nossa plataforma: app.rocketseat...
Junte-se a mais de 392mil devs em nossa comunidade no Discord: / discord
Acompanhe a Rocketseat nas redes sociais:
Twitter: @rocketseat
Facebook: @rocketseat
Instagram: @rocketseat_oficial
10:38 Geral
16:08 React
42:16 React Native
50:33 Node
não o heroi q nos queriamos mas oq nos precisavamos
Um monstro alado!
up
🍷🗿 Agradeço
Muito obrigado!!!
2023 é o SEU ANO, DEV!! BORA PRA CIMA!! Que vídeo hein Diegão! AMINAL!
Sempre quis sair do meu emprego e fazer minha transação de carreria para programador. Agora finalmente me mandaram embora e estou focado, MAS A ANSIEDADE ESTÁ A MILHÃO KKKKKK
Eu sempre acompanho esse canal e quero esse ano de 2023 mudar de profissão.
Fala @Maykao, desde o ano passado vejo seus videos, estou focado esse ano ! 2023 #queroserDev
Senhoras e senhores, QUE CONTEÚDO. SENSACIONAL! 🔥🚀
16:08 ROADMAP JS - ECOSSISTEMA REACT
1. ESTILIZAÇÃO
- TailwindCSS
- Stitches
- React Hook Forms
- Biblioteca Zod
2. GERENCIAMENTO DE ESTADOS
- Jotai(Compartilhamento de informações entre componentes")
3. FRAMEWORKS e OUTROS
- Next.js (recomendado)
- Remix
- Astro (enviar pouco js pro backend)
- PlayWright (Testes para fron end)
- React Qwery (consumir apis)
- Suspense APIS
- React Server Components
4. CMS (ferramenta que permite que você crie, gerencie e modifique um website e seu conteúdo sem a necessidade de mexer diretamente no codigo-fonte)
- Hygrafh (recomendado)
5. BONUS
- UX/UI Design
- graphs all
Diego, traz isso um video mais detalhado sobre Streaming SSR, ajudaria bastante fixa os conceitos
E um feliz 2023 !!!
55:00 Esse trecho mudou minha cabeça, quantas vezes me vi enrolado com qual organização vou usar no meu proximo projeto, e deixar isso pro framework é um alivio.
Minhas metas pra 2023:
1 Aprender mais sobre Design / Arquitetura de software (DDD, Clean Arch...)
2 Aprender mais sobre SQL/SGBD
3 Docker
4 Acompanhar as novidades no front
Conteúdo sobre serverless é muito bem vindo. Muita coisa vem aí!
Vídeo com excelentes sugestões. Diego bem que avisou sobre a ansiedade em aprender tudo.
olá, você é muito profissional e esforçado nas coisas que faz Diego. É elogiável sua atitude! Muito bem!
Ano passado comecei no html css flex pensei que nunca ia aprender e aprendi esse ano partiu javascript e react 👊🏽
fiquei muito feliz quando o Diegão citou o nest. Trabalho com ele a quase um ano e sinto algumas dificuldades ainda... Com certeza os conteúdos da rocket vão me ajudar 💜
Rocketseat já virou sinônimo de 'Conteúdo de qualidade' e torna-se redundante os 2 na mesma frase.
Ótimo vídeo!
Muitos dos tópicos eu já tinha colocado na minha lista do que aprender, mas agora eu tenho uma base melhor, mais focada.
Aguardando os próximos vídeos!
Feliz 2023, pessoal o/
Que bom saber! :D
Feliz 2023 time Rocketseat! Novos hábitos, combinando com hábitos consolidados. Vamos que vamos, rumo ao próximo nível. Estarei em Rio do Sul em julho, espero conhecer o escritório de vocês.
Excelentes dicas como sempre Diegão!!!
Excelente conteúdo!
Conteúdo de grande valor ! Legal esse ano dar uma aprofundada em devops. Pra quem já tem uma base solida essa skill é a peça final para entender as aplicações de ponta a ponta.
Sempre quis sair do meu emprego e fazer minha transação de carreria de programador. Agora finalmente me mandaram embora e estou focado, MAS A ANSIEDADE ESTÁ A MILHÃO KKKKKK
Impressionado com a qualidade do conteúdo. Sub +1
Ótimo 2023 a todos , obrigado pelo conteúdo estou no zero e ja estou aprendendo muito com você meus agradecimentos pelo Devlinks
Obrigado por esse direcionamento, Com isso começo 2023 bem instruído.
Vou ter que assitir esse vídeo várias vezes no ano. 😆😁
Muito louco. Antes de ver esse vídeo do Diego, eu já está com essa meta pra 2023. React, React Native, Node e TypeScript, além Stelyd-components e Tailwind. E isso eu defini olhando muito o que as empresas veêm pedindo nas vagas.
Eu gosto do combo angular + nest.
Minha escolha é pela similaridade, pois ambos utilizam typescript e tem similaridades em componentes e módulos. Não precisa editar nada, só instalar e usar.
Boa tarde, conteúdo muito bom, realmente da um caminho pra quem estava perdido, muito obrigado!
Muito top!!! Ótimas dicas!
Inclusive meu primeiro app na playstore enviei com expo! Incrível!
Muito Show Diego!!🚀🚀
Obrigado por existir, brother!! Salvou demais!
Muito Obrigado Diego, eu estava precisando disso!
Brabo! Diego sempre se atualizando! Valeu! Aula! Chambra!
Em relação a banco de dados, sempre vi um grande movimento de desenvolvedores migrarem para bancos NoSQL e sempre tive um certo preconceito. De inicio quando entrei em uma empresa que utilizava Firebase, tive vários desafios em aprender a estrutura NoSQL. Admito que trouxe grandes vantagens pra aplicação que eu trabalho (muitas ligadas na verdade pelo restantes dos recursos que o Firebase proporciona), mas trouxe vários problemas que nunca teria com SQL. Ver o Diego sugerir o clássico Postgres e mysql só solidifica mais minha opinião que NoSQL te traz um inicio rápido e ajuda muito projeto pequeno, mas quanto mais sua aplicação cresce e os requisitos forem surgindo na aplicação, sempre vi a grande vantagem de ir pelo clássico SQL que me poupa muita lógica. Fique no simples, SQL+Prisma salva vidas.
OBS: Existem casos e casos, opinião de quem utiliza mongo e firebase todo dia kkk
Falando da posição de quem trabalhou com banco de dados em grandes empresas no BR e atualmente trabalha na IBM, eu sempre vou dar preferência ao SQL. Deveria ser requisito para qualquer posição em tecnologia, saber SQL te obriga a pensar no dado de ponta a ponta, em qualquer eventual transformação que esse dado vá sofrer e até mesmo os relacionamentos em que esse dado se encontra. Galera mira muito no noSQL, mas não aborda esses tópicos. Um bom SQL construído de maneira correta e com boas práticas, vai ser tão ou mais performático que um noSQL.
@@LucasSilva-ln6je Exatamente, sempre fui muito organizado, e óbvio, que por ser DEV, estou longe de um analista de bancos de dados, mas sempre senti que se você sabe o básico de SQL o próprio banco traz seguranças em seus schema, diferente do NoSql. O quê vejo em projetos que participo hoje é que usar NoSql foi sinônimo de rapidez na época e não organização pras futuras gerações, trazendo uma certa bagunça no que tem lá dentro kkk
O maluco é o "psicopata" do Javascript kkkkk
Sensacional Diegão, vendo em 2024 mas ainda real o conteúdo
Ótimo conteúdo, conteúdo de expo é bem vindo Diegão!
Tava já esperando o video, desde dezembro kkkk otimo video diego, obrigado pelo conteudo e dedicação.
Ótimo Video Diegão, muitas tecnologias que vc citou, não tinha ouvido falar, e so pela suas breve descrições, parecem ser incríveis
ótimo vídeo, como sempre!
Sempre ótimos conteúdos sempre! Obrigada Rocketseat
massa!!! vish controlar a ansiedade n eh facil hein! :D
@6:20 Por que a galera não está mais falando de MeteorJS? Entendo que ele é o único completo capaz de manter a conexão real-time via DDP (websocket-based) na aplicação.
Gente, tenho 41 anos, trabalho a 15 anos em uma universidade particular na área administrativa, mas sou formado em Sistmas de Informação, comecei uma pós agora em Banco de Dados e Business Intelligency, to pra fazer um curso full stack, a dúvida é, será que consigo essa transição de emprego? Estou megaa saturado do local em que estou hoje, mesmo sendo supervisor, preciso mudar de área, sinto que estou perdendo meu tempo ...Agradecido pessoal!!!
Consegue sim, vem com a gente Vagner! Se precisar de alguma ajuda, chama a gente no Discord ou Instagram.
Vocês já perceberam que essa Rockset nunca passa um conteúdo completo? Eles fazem isso para criar dúvidas para as pessoas ir comprar os cursos deles
Conteúdo top! Obrigado por compartilhar!!!
Diegão traz mais tailwindcss pra nós moço
Excelente vídeo. Parabéns!
Diego como sempre. Mandando muito bem nos conteúdos atualizados. Parabéns
Diogo, primeiramente, ótimo vídeo como sempre! Seus vídeos me ajudam demais a me situar no mercado e nas novidades e tendências da comunidade tech. Gostaria muito que você fizesse um vídeo detalhado sobre Streaming SSR, agradeceria muito, e por eu ser um dev mais focado em back-end, acharia perfeito se você fizesse mais conteúdos sobre Serverless, com mais exemplos na prática e tudo o mais!
Acho q atingi minha meta com react, nextjs, prisma, electron with nextjs, vite, hooks, contextapi, axios, react-query, mantine etc…
Com isso estou acelerando meu desenvolvimento na minha plataforma e com dev de front para meus clientes, um deles um grande varejista que refatorei todo seu front end de selfcheckout para nextjs + electron for nextjs.
E estudei muita coisa baseado no que o Diego passou. Mais já utilizo js a muitooo tempo e agora to utilizando somente ts.
Finalmente já estão falando do Svelte
Traz um video configurando o vanilla-extract no storybook com vite
Muito bom o conteúdo!!
Sensacional o conteúdo deste vídeo 👏👏👏
Eu quero os vlogs PR Clones e explicações de código
Up
:O
Dêem uma olhada no Deno tbm galera, sei q o mercado mal usa, mas concordo q devemos estudar coisas além do que o mercado atualmente usa
Deno é demais, gosto de estudar no tempo livre, mas ainda inviável dar muito foco, principalmente quem visa uma vaga no mercado.
@@dieegosf se for levar em consideração a busca por vagas, realmente concordo
Que vídeo maravilhoso para começar o ano!!
material-ui é muito bom para react tambem, isto para formularios e estilizações já pre definidas :)
Esse ano me tornarei Dev!!!
Trás, pfv. Mais conteúdo de node. Seria bom tbm trazer desafios e fazer reviews nos códigos dos alunos. Seria bom.
LETS GO. primeiro video d 1hr q vou assistir em 2023
faz um video sobre criação de monorepo usando PNPM, quase impossivel achar tutorial sobre tudo relacionado a PNPM
Excelente conteúdo
boaaa, NESTzada neles 🔥
Feliz ano novo para Rocketseat 🚀
E como diz o Maicão; Salveeeeeeeeeeeeee
Saaaaaalveeeee
Diegão, traz mais vídeos falando sobre o Kafka e o RabbitMQ
Viva a rocketseat e esse ano quero mudar de profissão.
QUERO MAIS NEXTTTTTTTTTTTT
40:20 basicamente um novo nome para “full stack developer” rs.
Esse ano arrumo uma vaga dev.
Vou estudar muito
Recomendo Eloquent JS.
Diego, faz um video de streaming SSR, pleaseee
Cara, quanto tecnologia pra aprender, ta maluco. Vo ficar só no backend mesmo.
2024 É O SEU ANO BORA
Tem algum curso pratico de internacionalização de sistema? Se tiver me passa o link por favor, caso não tenha, vocês poderiam fazer esse CURSO, NEM QUE SEJA PAGO.
- Mais de um idioma,
- Formatação de datas; e moeda segundo o pais da pessoa.
- Algumas formatações especiais que o brasil tem como CPF, CNPJ, CEP, que elas seja aplicadas apenas no brasil.
Se não tiver pronto, isso daria um ótimo curso, pois ajudaria muito as startups.
Atualmente estou em uma graduação de ciência da computação onde ganhei uma bolsa de 100%, estudante do segundo período, resolvi estudar para o back end, pretendo começar por JS, Python e TS, partir para uma FRAMEWORK node.js ou laravel, um Git e estudar PostgreSQL. Não sei se é o caminho correto.
Diego, já viu o Hookstate(mais um gestor de estado para react)? A doc não é de brilhar os olhos não, mas a utilização... A v4 ainda está no forno.
Mano como vc consegue tempo pra estudar tudo isso? como vc se organiza e define o que vem em primeiro lugar?
Diego, esse hygraph poderia ser utilizado pensando em uma aplicação que faz toda a conversa via REST API e utilizasse a ferramenta para um espaço de modais ou timelines, por exemplo? Adorei o vídeo! :)
Obrigado pelo incrível vídeo, Diego, esses vídeos fazem diferença, pode ter certeza!
Deixa eu tirar uma dúvida, por favor?
Diego, existe algum cenário em que eu tenha que utilizar o Jotai e Zustand simultaneamente na mesma aplicação?
Traz mais conteúdos sobre serverless
Muito bom, partiu 2023
E Recoil pra gerenciamento de estado? Achava que a essa altura estaria bem difundido
vcs sao foda demais como faz pra entra em contato com vcs
Conteúdo toppp!!!
Me ajudou muito no meu planejamento e inclusive já coloquei tudo que vou estudar no Notion. Agora Diegão, quais projetos de ponta a ponta você recomendaria para portfólio, fugindo do óbvio?
Me refiro a aqueles projetos que você bate o olho e já enche os olhos. Seria E-commerce, SaaS, enfim...
Procure desenvolver projetos conectados à sua realidade. Evite projetos sem contexto como e-commerces, redes sociais, etc. Por exemplo, algum familiar tem algum tipo de negócio? Que tal pensar num projeto que resolva algo dentro daquele contexto? Acho que portfólio quão mais original melhor e quão mais conectado com problemas reais mais fácil de você não desistir do projeto.
O negócio mesmo é focar em ferramentas no code. Sistemas criados com React demoram muito para ficarem prontos, além da infinidade de bugs. Ferramentas no code são rápidas e sem bugs e erros.
Sem contar que dev no code está com o mesmo salário ou até maior que dev normal
@@dieegosf Poxa, gratidão demais!! Já vou colocar isso em prática!! Valeu demais Diegão!!!
Uma que eu ficaria de olho é o nullstack
Eu peguei no twindcss no final do ano passado. Eu no caso não gostei muito por que eu gosto de montar as coisas so zero. Mas tem coisa que ele ajuda muito em pegar estilização já pronta para adicionar.
Montar do zero é legal. Mas dentro das empresas é inviável.
nossa! vlw!
Eu vendo ele falar da necessidade de aprender typescript, depois que o DHH zoou o barraco...
Ola. Comecei a assistir os seus videos a pouco tempo e tenho gostado bastante
Sou dev jr a procura do primeiro emprego em frontend
Sobre o jotai e o zustand bateu uma duvida
Estou aprendendo redux e context. Devo aprender bem sobre ambos ou é melhor pular logo pro jotai e zustand??
Não consigo ver benefícios no tailwind, mas de resto, ótimas dicas!
Diegão quando sai a nova trilha do nodeJS?
Muito obrigado pelo conteúdo, Diego!
Uma observação: O devlinks ta dando erro após preenchimento dos dados no form e clique no botão 'acessar conteúdo'. Então fica só no loading e não carrega mais nada.
Vou verificar aqui com o time
vc tem q confirmar seu e-mail, e la vai ter um link q leva direto as aulas.
@@rodrigos2305 Opa! vou testar
Opa, o site da DevLinks está sem acesso ... o que houve?
Só eu tenho medo de fazer TOOOOODO esse caminho e não conseguir vaga depois ?
Eu tbm tenho kkkkkkk pra caramba
@@LucasOliveira-un1hz É tenso, mto tenso, e quanto mais estudo mais vejo o quão longo é o caminho, qanto mais conheço a área mais longe pareço estar do "topo"
@@maycondouglas3179 Cara vc tem whats? as vezes eu sinto falta de conversar com pessoas da área. de repente a gente pode se ajudar
@@LucasOliveira-un1hz Tenho sim, só não sei se dá p passar por aqui
@@LucasOliveira-un1hz Realmente n dá, a mensagem com o número sumiu
O problema nem é bater metas, é fazer os outros verem que são batidas
Fala Diegão, parabéns pelo conteudo...
Gostaria de saber sobre o ts-node, com o crescimento do uso de typescript tu acredita que pode ser um problema usa-lo ou ele é perfeito para esse momento?
Fala Hernande, eu particularmente ando usando mais o tsx (github.com/esbuild-kit/tsx), uma solução semelhante ao ts-node porém mais performática.
Falaaaa dev!!!
Vai rolar um video sobre esse Fastify????
Vai sim, acompanha também o NLW que lá provavelmente iremos usar Fastify
@@dieegosf
Falou, vou já fazer inscrição e convidar os meus amigos 👌🏾
Seria legal uma versão resumida desse vídeo. 1h é puxado =x
E graphQL?
masi conteúdo de Nest!!!!
E o nest.js, vale a pena ? ou next.js , minha meta e web developer, usando node.js e JS
Pelo que pesquisei nest.js é construido em typescript, compatível com express e fastily.
Qual programa voce usa para deixar sua webcam dessa maneira retangular no canto da tela ? obrigado