acer GEG Leu Seja muito bem-vindo e bem-vinda ao MAPADEV! Estamos muito felizes que vocé escolheu trilhar © caminho da programacao! Ja adiantamos que esse mapa é tudo 0 que vocé precisa para sair do zero e chegar no objetivo de conseguir seu primeiro emprego de # programacao. j O mapa segue 3 grandes pilares da nossa metodologia: planejamento, pradtica e marketing pessoal. Passe por cada pilar com Seu foc calma e peca ajuda sempre que necessario. do d H i > Mas vocé tem que ser forte e ndo ceder as ‘ie Essess tentacdes de sair do caminho do mapa, mantenha 0 foco e nao esqueca que estaremos ao seu lado ao longo de toda a jornada.O REINO DAS FACULI A faculdade é uma forma de s¢ porém ndo é a forma mais efe primeiro empregi Nés podemos falar isso com pro faculdade de Andlise e Desenvc mas $6 conseguimos emprego pagava mal) e sentimos que na muita coisa que ndo usamo: emprego Se vocé tiver a oportunidade de uma 6tima experiéncia, mas vi tem o dinheiro e o tempo dispo! nao tiver, ndo se preocupe: asr tecnologia nao pede DE SAIR EM SUA JORNADA, 1UME SEU INVENTARIO! Tr. E} ces. o inicial tem que ser a triade »senvolvimento frontend: ‘ML, CSS e JavaScript CUIDADO NO CAMINHO: A GRANDE FLORESTA DOS CURSOS FULL STACK Todos que ousam entrar aqui devem aceitar seu destino. Virar um fullstack pode ser muito bom, mas para 0 aventureiro iniciante na programacdo, aprender conceitos de frontend e backend logo de cara pode ser demais, principalmente para quem quer entrar na drea mais rapido. DICA: Tudo bem querer: stack! Nés somos! Mas 0 aprender o backend dep ter a base de frontend s6lida. Vai ser mais facil e confuso. Volte aqui qui estiver mais prepara erdo os primeiros desafios a serem vencidos.ES DE TI guir um cronograma, tiva de conseguir seu priedade, pois fizemosa Ivimento de Sistemas, 3 anos depois (e ainda faculdade aprendemos > nO nosso primeiro fazer uma faculdade, é 6 precisa analisar se ivel para fazer isso. Se elhores empresas de m diploma! ASSISTA NOSSO VIDEO SOBRE O ASSUNTO: Me ala) bart ls aan «2 PROGRAMACROP ser full ideal éNOSSA SUGESTAO DE PLANEJAMENTO DE ESTUDD DICA: Vocé precisa aprender A BASE dessas tecnologias, ndo precisa dominar nenhuma delas. Nao é necessdrio saber 100% de HTML, CSS e JavaScript para comecar a criar seus primeiros projetos, muito pelo contrério: 6 fazendo eles que vocé aprende de verdade. MARCOS 1° -2 meses de estudo e pratica de HTML e CSS. 2°-2 meses de estudo e pratica de JavaScript (reforcando o HTML e CSS). 3° -2 meses de estudo e pratica de React e TypeScript (reforcando HTML, CSS e JS). Preparo das redes e busca ativa de vagas. 4° - Sétimo més: comeco do aprendizado de backend. Aqui vocé comecaré vendo o conceito de banco de dados e depois pode comecar a aprender o Node js. Também comecaré a incrementar seus projetos com conceitos de backend, tendo projetos full stack (frontend + backend) nas suas redes vai aumentar muito a chance de conseguir sua primeira vaga.EE COMO SABER O QUE ESTUDAR DE FRONTEND E BACKEND? Fizemos um post no instagram explicando em detalhes cada conceito de HTML, CSS e JavaScript que vocé precisa aprender no comeco dos estudos e ndo ficar perdendo tempo estudando coisas desnecessarias. E de backend fizemos um video explicando o que nés estudariamos se estivéssemos aprendendo backend hoje. Starr py a SN yy) ErtrrdO GRANDE LAGO DO CONHECIMENTO Durante o estudo, se exponha a conteudos sobre programacao. Podcasts, videos, artigos, e qualquer forma de conteudo que vocé costuma consumir. DICA: Use 0 tempo da faxina, do transporte, e de lavar a louca para ouvir podcasts de conteudo de programacado. Alguns deles so bem divertidos e vocé se entretém enquanto faz atividades chatas. SUGESTAO DE CONTEUDOS: + Ndo esquece de assistir a gente no Youtube! * Podcast Dev em Dobro * QuebraDev * RebuildCast + Lambda3 PodcastPARTICIPE DE COMUNIDADES No cansamos de falar sobre a importancia de participar de comunidades com outros programadores para trocar referéncias, experiéncias e tirar duvidas com quem ja passou pelo que vocé estd passando. Programar ndo precisa ser solitario! Encontre pessoas para estudar junto! NOSSA COMUNIDADE: Servidor da Guilda Dev em Dobro no Discord EE oftemo FALTAR NO PROGRAMA E nele que voi écriar cédig Faca o dow CODE AQUI. § muito bem mi—— — A MELHOR PARTE DO “4 rs MAPA: PROGRAMAR Agora que vocé se planejou, esté consumindo ie conteudos, trocandoideias | § Ralls lamas na comunidade, e ja tem folael-tctete hd seu VS Code tunado, pode bel aD comecara aprender e praticar programacao! Essa é a parte mais legal! UE NAO PODE INVENTARIO DO tale HACKS DO VS CODE 5 AJUDAM A CODAR MA 2é vai codar (codar * Emmet (nativo do vscod 9 em programés). * Portuguese (Brazil) Lan muda 0 idioma do vs code portugués + Live Server - atualiza automaticamente quando modificacdo ¢ feita * Formatacdo automatica * Tema Omni (instalar a e> Code) + Vscode-icons - muda o: arquivos * Prettier - formatador de nload do seu VS ‘le é levinho e roda esmo em PCs mais mples.Se possivel, invista em bons cursos pagos, eles vao ser um atalho muito grande pro seu aprendizado. Obvio que a gente indica o DEVOQUEST, nosso curso de programacdo para devs iniclantes que tem como objetivo te levar do IS RAPIDO: Oe e br zero até a primeira vaga de até 3 = SCHL Lh ted mil reais em7 meses. para Satire é Pe as quer saber mais sobre tudo que o DevQuest tem pra te oferecer? Une clica na imagem abaixo. ~ Shift + Alt +f tensdo no VS sicones dos cédigoCOMO PRATICAR? O Frontend Mentor é um site que propée desafios de frontend do mundo real para todos os nivels de programadores, do iniciante ao avancado. Eles disponibilizam o layout completo de um site, e vocé pode baixar esses arquivos e criar 0 cédigo do zero seguindo o layout para que fique o mais parecido possivel. CONTINUE ASSIM! Cabs Oty beth h doh hes SRN ee Teh vai cr col Nao sat 04 ume + Idék um]Como o Pee eConec tere iniciante VED comproyar exper Pa P=) bette Chorando pois nao vai Com projetos pessoais COMO COMPROVAR PERIENCIA SEM NUNCA R TRABALHADO EM UMA pane \PRESA DE TECNOLOGIA? ; Stac & PARABENS, vocé + Fot ca forma de comprovar seus venceu desafios colo simentos na drea mesmo sem importantes ao longo min \ca ter trabalhado é criando do caminho, agora é.a . projetos pessoais. hora de buscar vagas. * Lin de programacao! e é a etapa no mapa onde vocé *°So iar 2 ou 3 projetos pessoais e * List ocar eles no GitHub o mais pess rapido possivel. emp DICA: Quando colocar os adre 9@ quais projetos fazer? projetos no GitHub ndo skills olhada nesses links: esquece de fazer um bom Fron README. 9S de projetos para * Nos unior ter no portfdlio proje ias de sites praclonar | 9 que é README, e porque desa ele 6 tao importante. usad + Referéncia de README.AUENTUREIRO DESCOMHECIDO CARGO: Desenvol vedor a> frontend jdnior HABILIOADES: HTP ¢+10» €88¢+10>, DICA:Useo Canva para criar um curriculo mais bonito! PREPARE SEU CURRICULO Estrutura basica de um curriculo que se destaca: ilo / Cargo Ex: Desenvolvedor Full TIRE 0 MAXIMO DE PR 0 (caso se sinta confortavel de Estrutura bdsica de | ar); + Descricdo do seu “cargo” ( kedin e GitHub no comeco; Desenvolvedor(a) Full Stack < para o portfélio; * Foto simples do rosto, é le bre” customizado para empresa; té tudo bem também; * Imagem de fundo que cor quer fazer), se nao quiser co problema; a de empregos e projetos oais ou de cursos (evitar colocar regos que ndo tenham a ver com a, a ndo ser que demonstrem soft ), (Se jd tiver projetos do tend Mentor, coloca eles aqui); + Na descric&o colocar de fo estudando e seu objetivo na * Colocar o link do portfdlio | , projetos colocar Nome do to, descricdo do que é 0 projeto, fios que teve, linguagens as e link se tiver; * Colocar as experléncias o tiver (no comeco nao vai ter + Habilidades (HTML, CSS, J a de cursos e certificados. * Conquistas (cursos).! ID ER REM Maas UST r poe hia DICA: Veja tutoriais sobre como hospedar o seu portfélio de graca usando o GitHub Pages. Estrutura basica de uma pagina de portfélio: * Nome; * Cargo (Desenvolvedor Full Stack); * Sobre mim; DVEITO DO SEU LINKEDIN * Seu portfélio precisa ter projetos, eé ideal que tenha uma explicacdo de como eles foram desenvolvidos, e quais desafios vocé teve durante o processo; im linkedin de sucesso; no comeco deve ser por exemplo); * Lista de linguagens que ja trabalhou ou estudou (nado aconselhamos usar pontuacdo para definir conhecimento em linguagens, por exemplo: 7 pontos em HTML, 8 pontos em CSS, porque isso ndo diz nada sobre seu conhecimento, jal colocar, mas se nao quiser, rdiz com o que vocé faz (ou locar nada nao tem tanto bu: melhor colocar HTML intermediério, sii CSS basico, etc); b rma sucinta 0 que esté 01 rea de tecnologia; * Lista de soft skills que se destaca; sist qua + Lista de ferramentas que usa (exemplo: excel, premiere); ‘se tiver); mais completo possivel, se muita coisa e tudo bem); + Colocar bem a vista os botées pro teu GitHub e LinkedIn. avaScript, React, Node etc);ox MELHORES PARA TRI O GPTW (Gre Work) é um melhores e tecnologia par Brasil, ou seja, para procure SE ACOSTUME A BUSCAR REFERENCIAS O que outras pessoas criaram geralmente é muito melhor do que agente pode criar, pelo menos no meu caso. Se estiver na divida de qual layout ficaria mais legal, pode usar como base o Material Design. ——___——.. ICA: Facaumbom ut pro seu portfélio, sque referéncias de 's com layouts mais Té sem idéias? di uma Com: nitos (ter um site ou cee t olhada nessa lista de rede ema com cédigo de ‘emplates pra se basear de, ne lidade e bonito é um empi Lista de portfdlios de templates. diferencial). curt Aconselhamos que vocé faca 0 seu portfdlio do zero. Veja videos sobre 0 assunto e nao recomendamos que compre templates no comeco.ranking das jpresas de a trabalhar no im bom lugar QUASE LA! ma boa base nas 's, faca uma lista »minimo, 30 boas esas, e envie seu iculo para todas.ESSE E SEU ULTIMO DESAFIO! HERE MELHORES SITES PRA BUSCAR VAGAS DE TECNOLOGIA! Preparamos esse documento no Drive com uma lista com mais de 15 sites focadosem [f P] busca de vagas na 4rea de tecnologia.ars rae Se ok see Py a r ihe a Ae RR Ala he tee nt ante HUMANO TOLO! COMO OUSA ME DESAFIAR? trevistas técnicas. nico de ldgica ou Desafio por exemplo, criar uma que consulte uma api).Pbk Soe re ce phe et PARABENS, VOCE CHEGOU AO Mas a sua jornada esta sé co Qualquer duvida estaremos sempre Se quiser dois guias pra te acompan o DevQuest é pra vocé! Mat| PaRABENS! voce CONQUISTOU SUA PRIMEIRA VAGA ‘IM DO MAPA. mecando! aqui pra te ajudar. lar nessa jornada, ricule-se