A melhor maneira de aprender a criar sites e aplicativos é realmente fazê-lo , o que significa que você deve criar projetos e fazê-lo o tempo todo. Este pequeno vídeo transmite as emoções de um recém-chegado e dá alguns bons conselhos sobre o assunto.
Também escrevi algumas outras recomendações para pessoas interessadas em aprender o desenvolvimento da Web que você deve ler antes de começar.
No entanto, assim como você não sabe falar idiomas em que não conhece nenhuma palavra, é necessário entender bem o básico antes de criar um projeto útil. Aqui estão alguns recursos para você aprender alguns fundamentos e sites que permitem explorar por si mesmo.
Existem ótimos lugares para aprender o básico do desenvolvimento web gratuitamente. Comece aqui, mas se ramifique deles para brincar com coisas que não ensinam diretamente. Depois de passar por alguns, tente criar outros sites / projetos por conta própria. Isso reforçará os conceitos, ensinará detalhes de implementação e provavelmente ensinará coisas adicionais. Você simplesmente não pode se tornar um bom desenvolvedor ou designer lendo apenas, você deve criar !
Fiz um curso intensivo para designers que aprendem desenvolvimento web
Confira! Eles são adaptados para um público baseado em design, mas se aplicam a qualquer pessoa que esteja aprendendo. Eles ensinam o básico nos slides / post / vídeo e depois atribuem um pequeno projeto no final de cada um para ensinar o desenvolvimento do front-end no mundo real.
Outros bons sites de tutoriais
- CodeAcademy - Noções básicas de conhecimento geral de várias línguas.
- Série "Aprendendo a Web" da Mozilla - Isso começa no nível inicial e pode guiá-lo para alguns tópicos mais complexos. Grande recurso, eu recomendo.
- Udacity - Classe geral de desenvolvimento web.
- Tuts + - Tutoriais sobre tópicos mais específicos.
- KhanAcademy - Eu não o usei pessoalmente, mas parece estar melhorando a cada dia.
Não use o W3Schools , pois geralmente está desatualizado e propenso a erros. Em vez disso, use um site tutorial como os acima para aprender e usar um dos sites de documentação abaixo quando estiver procurando por algo específico.
Documentação
Examinar a documentação de propriedades, bibliotecas e outras coisas é vital para se tornar um bom desenvolvedor web. A seguir, estão entre os melhores documentos que você pode usar:
- W3.org - A documentação oficial para quase tudo implementado pelos navegadores da web. Aprender a ler esses documentos é muito importante! Isso não é afiliado ao W3Schools de forma alguma.
- Mozilla Docs - Um recurso de terceiros muito confiável dos criadores do FireFox que permanece atualizado.
- WHATWG.org - Uma espécie de concorrente de código aberto para o W3; alguns navegadores implementam certas sugestões a partir daqui no W3 às vezes.
- DevDocs - Não é oficial, mas possui muitos documentos de idiomas em um site. Bastante conveniente.
Feeds úteis
- WebPlatformDaily - Uma lista de notícias que lidam com tudo o que a Web atualiza diariamente (exceto finais de semana).
- SitePoint - Artigos realmente úteis sobre várias coisas.
- WebDesignerDepot - pode estar no lado spam, mas a maioria de seus artigos reais é boa.
- Smashing Magazine - Tópicos mais avançados, mas principalmente todas as boas leituras.
- Uma lista à parte - Conhecimento um pouco mais avançado em formato de blog.
Editores
Pequenos projetos / brincando com código
- JSFiddle - Faça pequenos projetos e acompanhe-os.
- CodePen - Veja os doodles de código de outras pessoas e envie o seu próprio para que outras pessoas vejam.
Editores de texto completo
Outros sites úteis
Procure os blogs pessoais de desenvolvedores e designers da Web que você gosta. Eles geralmente têm um ótimo conteúdo.
Também escrevi uma introdução ao design da interface do usuário, que pode ser muito útil. Liguei alguns ótimos recursos adicionais.
Não posso enfatizar o suficiente, a melhor maneira de aprender é construir coisas que ultrapassam seus limites e fazê-lo continuamente .
Para uma lista ainda maior (e talvez impressionante) de sites úteis relacionados à Web, consulte o WebDesignRepo !