Skip to content

Latest commit

 

History

History
297 lines (191 loc) · 14.8 KB

README.md

File metadata and controls

297 lines (191 loc) · 14.8 KB
Raw

O que é o Guia Desenvolvedora Web

"Comece de onde você está. Use o que você tiver. Faça o que você puder" – Arthur Ashe

Fala Devs, tudo bem? 🖖

Vim compartilhar com vocês como estou me tornando uma desenvolvedora front-end. 🎯

Decidi criar esse guia porque na internet existe muito conteúdo ao nosso dispor, essa quantidade de material, quando somos iniciantes, muitas vezes pode nos confundir e até atrapalhar ao invés de ajudar.

"O grande segredo para se tornar um bom programador é deixar o imediatismo de lado e entender que seu cérebro vai precisar de tempo para absorver e entender as coisas. Se você estiver fazendo algo e parecer que isso é muito difícil, apenas pare, reflita no pouco que conseguiu aprender sobre isso e volte mais tarde ou no outro dia. Você verá que tudo é questão de ter paciência com o seu tempo natural de aprendizado e perceverança nos estudos."

O que você vai encontrar nesse guia:

  • Cursos
  • Artigos
  • Vídeos
  • Desafios
  • Idéias de projetos

Todo o material utilizado neste guia é gratuito.:money_with_wings:

Não pule etapas, o intuito desse guia é justamente fornecer a ordem e um cronograma para seus estudos.

Realize os exercícios e desafios propostos 🚀

Índice

Como usar esse guia ? 📚

Não sinta que você não é inteligente o suficiente 🧠

"O melhor momento para ter começado algo era há uns dez anos atrás, o segundo melhor momento é agora."

Muitas vezes, principalmente quando somos iniciantes, ao pensar em entrar para o mundo da programação, nos vem a sensação de que não somos inteligentes o suficiente, ou não temos capacidade para isso.

Eu particularmente sofri (e as vezes ainda sofro) com isso, uma eterna sensação de que não nasci pra isso, como se pra programar fosse necessario um certo dom, o que claramente não é verdade.

Como esse é um pensamento sabotador e que esta presente em quase todos nós, montei esse topico com alguns videos e artigos que me ajuda a não cair no mito do programador Genio.

É importante deixar claro que programação não é facil, mas tambem não é dificil, não desista.

  • Videos (Pt-Br)
  • Videos (Inglês)
  • Artigos

Por que ser um programador?:desktop_computer:

"Programação é uma linguagem, assim como português ou inglês. É o “idioma” do computador. Mesmo que você não queira seguir uma carreira em tecnologia, aprender a programar estimula o desenvolvimento de diversas habilidades."

Abaixo listei alguns vídeos e leituras que da aquele UP pra começar 🚀

  • Vídeos
  • Artigos

O que faz um programador Front end? 🦛

Desenvolvimento web front-end é a prática de converter dados em uma interface gráfica, através do uso de HTML, CSS e JavaScript, para que os usuários possam visualizar e interagir com esses dados. - Wikipedia

Abaixo listei dois vídeos para ajudar a entender o que faz um desenvolvedor front-end

Git e Github 🔱

Bom, finalmente depois de uma boa introdução ao mundo da programação, chegamos ao primeiro curso, espero que você não tenha pulado o contéudo acima 😤

O primeiro curso deste guia é o de Git e Github. Mas por quê? Antes de começar de fato a criar projetos e aprender o conteúdo, é importante você saber utilizar o git e como se comportar no github para tirar o maior proveito dessa rede e já começar a demontrar suas habilidades para o mundo 😉

Material de estudo

Video

Leitura

Exercicios

Desafios

  • Clone esse repositorio e utilize ele como cronograma

HTML5 🦴

Bom, o que falar sobre nosso querido HTML5 ?

HTML5 é uma linguagem de marcação hipertexto utilizada para criar sites.

Eu acho importante seguir a seguinte ordem para o estudo de html5:

  1. Conhecer a internet e o funcionamento dela, pra isso separei 3 videos do curso de HTML5 do Curso em vídeo, e é por lá que você começa.

  2. Fazer o curso de HTML5 para iniciantes da NodeStudio (curso gratuido com certificado 😍)

  3. realizar os exercícios e desafios

  4. Em paralelo realizar o curso de Lógica de programação

    Caso você tenha alguma dificuldade na realização dos exercícios, consulte os documentos anexos no tópico Leitura 🔎

Tem muito conteúdo na internet de HTML5, muitos cursos gratuitos.

Mas não se prenda a eles, a melhor forma de aprender é colocando a mão na massa, o curso linkado ja fornece a base necessária para que você aprenda a realizar suas buscas na documentação da W3School ou na apostila de HTML ☺️

Material de estudo

Video

Leitura

Após estudar o material acima, veja se consegue responder com facilidade as perguntas abaixo, caso alguma das perguntas seja um desafio pra você, recomendo que reveja e procure mais sobre o tema para fixação 🤓

  • Como funciona a internet?
  • O que é HTTP?
  • O que são os navegadores e como eles funcionam?
  • O que é DNS e como ele funciona?
  • O que é um nome de dominio?
  • O que é hosting?
  • O que é SEO e como utilizar com HTML?
  • Como ter acessibilidade com HTML?

Exercicios

Tente resolver o exercicio sozinha (o), não vá direto ao exercicio resolvido ☹️

Desafios

  • Não vai ter desafios no módulo HTML5, eu quis fazer o módulo HTML mais curtinho porque é melhor treinar ele com o complemento de CSS. Mas vou compensar isso colocando bastante desafios no módulo CSS3 🤓

CSS3 💅

Material de estudo

Video

Leitura

Desafios

Desing responsivo

Material de estudo

Video

Logica de programação

Material de estudo

Video

Leitura

Desafios

Javascript

Material de estudo

Video

Leitura

Desafios

Contribuição

Você tem alguma sugestão de como podemos melhorar esse projeto em geral? Me informe! Gostaria muito de ouvir seus comentários! Quaisquer contribuições são muito apreciadas.:smile:

Espalhe a palavra

Se as informações deste repositório foram úteis para você de alguma forma, certifique-se de dar uma estrela 🌟, dessa forma, outras pessoas podem encontrá-lo e se beneficiar também! Juntos, podemos crescer e melhorar nossa comunidade!