front-end-do-zero

KO | EN

gitlite — search

#javascript #python #react #go #android #rust #macos #nodejs #windows #cli #kubernetes #security #ios #mcp

front-end-do-zero

(★ 223)

Um guia de estudos acessível para se tornar front end

파일 탐색기

최종 버전 다운로드 (.zip)

README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# front-end-do-zero
:notebook: Um guia de estudos acessível para se tornar front end :computer:

*Este é um guia em construção baseado na minha experiência em aprender desenvolvimento Front End sozinha e com o apoio do [Guia do desenvolvedor web](https://github.com/hideraldus13/roadmap-do-desenvolvedor-web)*

# Começando do começo :smile:
Antes de tudo, acredito que é importante entender realmente como funciona a internet. E para isso, [este video](https://www.youtube.com/watch?v=hBRDMaxKB8Q) no Nexo faz tudo ficar muito claro.

#### Artigos importantes antes de iniciar os conteúdos técnicos:
- [O que é front e back end](https://www.programaria.org/o-que-e-front-end-e-back-end/) - Programaria;
- [Assumindo o papel de protagonista em nossa aprendizagem](https://woliveiras.com.br/posts/assumindo-o-papel-de-protagonista-em-nossa-aprendizagem/) - William Oliveira;
- [Conselhos que eu gostaria de ter ouvido quando mudei para tecnologia](https://medium.com/@carolcode/conselhos-que-eu-gostaria-de-ter-ouvido-quando-mudei-para-tecnologia-c75664da2568) - Por eu mesma;
- [O que é e pra que serve o protocolo HTTP? Quando eu uso ele?](http://gabsferreira.com/pra-que-serve-o-protocolo-http-quando-eu-uso-ele/) - Gabs Ferreira;

#### Videos importantes:
- [Como estudar melhor](https://www.youtube.com/watch?v=Is6c9KSGCbk&list=WL&index=13&t=363s) - Alura;
- [Produtividade para estudar](https://www.youtube.com/watch?v=UTHMKSxLHsI&list=WL&index=17&t=0s) - Alura;

#### Bases de computação:
- [Como funcionam navegadores web](https://www.youtube.com/watch?v=kDy62zaCHZE&list=WL&index=5&t=18s) - Alura;
- [O que é esse tal de compilador?](https://www.youtube.com/watch?v=y1M9yOHGKBc&list=WL&index=33&t=0s) - Computação sem caô;

### HTML & CSS
A verdade é que prédio nenhum se sustenta sem boas bases, e por isso, para construirmos algo muito bom para web precisamos partir de um bom começo. Muita gente por ai desvaloriza essas linguagens de marcação (você vai entender a diferença em breve), mas aprendendo e praticando dá para construir coisas incriveis como essa imagem [aqui](https://codepen.io/ivorjetski/pen/xMJoYO) que foi feita APENAS com CSS.

- [Artigo] [Linguagem de marcação x Linguagem de programação](http://lpsychomamba.blogspot.com/2013/03/ppsi-1-post-2.html);
- [Curso gratuito] [HTML 5](https://www.youtube.com/watch?v=epDCjksKMok&list=PLHz_AreHm4dlAnJ_jJtV29RFxnPHDuk9o) - Curso em vídeo;
- [Curso gratuito] [CSS 3](https://www.youtube.com/watch?v=FRhM6sMOTfg&list=PLwXQLZ3FdTVGf7GUtiOFLc_9AXO25iIzG) - Node Studio Treinamentos;
- [Curso pago com valor acessível] [FrontEnd básico, do zero a uma página com HTML e CSS](https://www.udemy.com/frontend-basico-do-zero-a-uma-pagina-com-html-e-css/) - Fê Bernardo;
- [Curso gratuito] [HTML & CSS](https://www.udemy.com/girls4tech/) - Ebanx;

### Git & GitHub :octocat: 
Você já deve ter ouvido sobre repositórios, open source, git/github. Pense no GitHub como o seu portifólio de código e para você "interagir" com ele você usa o Git. Nos links abaixo você saberá mais sobre.

- [Video] [O que é GitHub](https://www.youtube.com/watch?v=ZDo_f3ZibFA&t=263s) - Bruno Germano;
- [Video] [Diferenças de Git, GitHub e GitLab](https://www.youtube.com/watch?v=_i9DUJcn-mU) - Alura;
- [Artigo] [Plano para estudar Git e GitHub enquanto aprende programação](https://medium.com/trainingcenter/plano-para-estudar-git-e-github-enquanto-aprende-programa%C3%A7%C3%A3o-f5d5f986f459) - Training Center;
- [Video] [Git e GitHub para iniciantes](https://www.youtube.com/watch?v=UMhskLXJuq4&t=344s) - Loiane Groner;
- [Curso] [Git e GitHub para iniciantes](https://www.udemy.com/git-e-github-para-iniciantes/) - William Justen;
- [Artigo] [Introdução ao terminal](https://woliveiras.com.br/posts/introdu%C3%A7%C3%A3o-ao-terminal/) - William Oliveira;
- [Video] [Como usar Git e Github na prática](https://www.youtube.com/watch?v=2alg7MQ6_sI&list=WL&index=11&t=0s) - Rocketseat;

### JavaScript

- [Artigo] [10 dicas para se tornar Ninja em Javascript](https://medium.com/womakerscode/10-dicas-para-se-tornar-ninja-em-javascript-31a963ad17a1) - Glaucia Lemos;
- [Curso] [Javascript](https://rocketseat.com.br/starter) - Rocketseat;
- [Video] [O que é API? REST e RESTful?](https://www.youtube.com/watch?v=ghTrp1x_1As&list=WL&index=7&t=0s) - Rocketseat;

front-end-do-zero

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

front-end-do-zero

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README