A continuação desta série de artigos está aqui, leia apenas quando terminar de ler este artigo.
Por onde começar — Parte 2 — Neste artigo você verá linguagens de programação, exemplos delas e onde aprender cada uma delas.
Então você quer entrar no mundo do desenvolvimento, mas não sabe como nem por onde, me acompanhe =)
TL;DR: Este NÃO é um post para quem já é iniciado no mundo da programação e para quem já sabe o que fazer. Este post será dedicado a iniciantes mesmo. Então, por favor, se você se encaixa em quem já sabe, move along =)
O que será este post? Ele será meio que um guia, uma ajuda a quem está iniciando na carreira de desenvolvimento ou quem não sabe por onde iniciar. Este post, literalmente, nunca terá fim, pois sempre será editado, seja colocando novos links, seja fazendo novos comentários, enfim, ele nunca terá fim. Então fique sempre acompanhando pois sempre terá algo novo.
O mundo da programação é vasto, imenso e, dificilmente, não tem onde não se aplicar seus usos e até mesmo, uso de seus paradigmas durante a vida. Por onde você andar, saiba que o uso da programação está ali. Se está na rua e precisa atravessar, saiba que tem um programa para controlar os semáforos, e tem um outro que analisa a quantidade de carros na via e assim determina o tempo de sinal verde e vermelho (em locais de grande concentração de veículos). Se está na padaria, tem o estoque, financeiro. Se está fazendo uma caminhada em uma mata, tem um programa que analisa se tem queimadas ocorrendo e faz o acionamento dos bombeiros. Onde quer que você olhe, tem desenvolvimento.
E você quer entrar neste mundo, mas não sabe como. Sim, você precisa saber matemática, não a ponto de ser um novo Stephen Hawking ou um Albert Einstein, mas a ponto de saber como criar uma expressão matemática simples de cabeça, ou saber ao menos o nome e sua aplicação e procurar o que precisa no Google também. Você não precisa ser um novo Neo e ver linhas de código rodando na sua frente. Mas você também não tem os poderes da Matrix e simplesmente “descarregar” os conhecimentos para o seu cérebro. Bem, pelo menos não por enquanto =).
Para todo conhecimento adquirido, existe a real necessidade da prática e do tempo de estudo dedicado a tal. Este tempo quem regula é você, a prática idem. Mas eles são cruéis. Se você pouco se dedica, pouco aprende, pouco fixa e mais se frustra. Se você se dedica muito, mais verá que tem a aprender. Mas, o que te fortalecerá nesta empreitada, certamente, será a sua dedicação e o seu comprometimento com você mesmo, pois este será o seu único motor no início. Ninguém. Absolutamente NÍNGUEM te dará impulsos ou força para continuar na sua empreitada se não você mesmo. Então, saiba que, uma vez iniciado o trajeto de um novo aprendizado, tenha forças e determinação, pois o caminho para a desistência SEMPRE será mais curto do que a da persistência. Porém, daqui 1 ano, você desejará ter iniciado hoje.
Um dos canais no Youtube que eu gosto de assistir, e sou fã declarado, é o canal do Túlio Faria, o DevPleno. Além dele dar dicas de programação em Javascript e React (no qual ele tem 2 cursos super completos sobre React), ele tem um vídeo bem legal para quem está iniciando na carreira. Acho válido o assistir.
Vamos lá. Tudo tem um início, e para todo início, um bom professor é sempre recomendado. Então eu sempre irei recomendar professores que eu gosto e/ou sigo, todos em português, porém, irei tambem adicionar conteúdos em inglês, para quem não tiver problemas com esta linguagem. Tentarei colocar conteúdos gratuitos, mas também terá links de cursos pagos, onde poderá ter certificados e comprovar que tem conhecimentos sobre aquele assunto.
Fundamentos
Para iniciar a sua carreira em desenvolvimento, você precisa de alguns pontos principais. Um ótimo professor, uma didática impecável, energia e claro, muita aula e muito exercício, para poder fixar o conteúdo.
Programação para Leigos — informática do básico ao avançado — Udemy — este é um curso super indicado para quem está, literalmente, iniciando no mundo da computação. Eu achei ele super legal porque ele não te ensina programação em si, ele é uma espécie de compêndio de coisas que iniciantes procuram e demoram demais para achar as respostas corretas. Tem fundamentos de banco de dados relacionais ou não, fundamentos e diferenças entre programação de baixo e alto nível (é lindo isso), fundamentos de redes, domínios, Java, Python e muito mais. Achei legal essa idéia pois tirará você que, mesmo nunca ter tocado em um computador antes ou não tem a menor idéia de como funciona as coisas, este é o curso ideal para poder começar mesmo.
Lógica de programação — Youtube — recomendo o melhor professor de lógica que irá encontrar no Youtube e com conteúdos de qualidade, Gustavo Guanabara. Ele tem o curso de lógica de programação mais bem conceituado que conheço e não é muito difícil ver alguém o recomendando. Ele explica bem todo o conceito de programação e aplicações.
Introdução à programação de computadores — Udemy — Descobri esta jóia e fiquei maravilhado como o Diego Mariano ensina. Ele te explica coisas bacanas antes de começar a colocar a mão na massa, de forma leve (às vezes bem engraçada) os fundamentos da programação. Neste curso ele te ensina a programar usando a linguagem Python, que é uma linguagem bem fácil de ser aprendida. Eu particularmente sou contra aprender a programar em uma determinada linguagem, pois fazer a transição para outra é mais complicada (quando se é novato. Depois de algum tempo programando, tudo se torna quase a mesma coisa =D). Sou bem “old school” nessa parte e acho que o fundamento tem que ser apenas teoria mesmo. Mas é um ótimo curso, principalmente se você quer já aprender e ter conhecimento em uma linguagem. E quase todos os cursos disponibilizados pelo Diego em sua conta na Udemy são gratuitos, ou seja, você não pode nem reclamar que não tem conteúdo de qualidade para poder aprender =). Não deixe de sempre dar 5 estrelas para ele, pois é muito conteúdo bom, de qualidade e gratuito.
Algoritmos e Lógica de programação — Udemy — eu vou ser muito sincero aqui. Assisti uma parte das aulas do Cleison e eu REALMENTE me admirei com a didática dele. Sinceramente falando. Ele te explica as coisas com uma clareza sim igual, te explica os porquês, nomenclatura e muito mais. Mega curtiria ter tido este curso há alguns bons anos atrás e ter aprendido por ele =). Super sugiro a estudar com ele!
Algoritmos e Lógica de Programação — do básico ao avançado — Udemy — eu achei esse curso fantástico e digno de menção aqui pelo seguinte motivo, ele te ensina não apenas lógica de programação, mas lógica de programação em 3 grandes linguagens do mercado (C, Java e Python), deixando você muito bem preparado para iniciar em várias frentes no mercado. E o melhor de tudo, ainda, é que ele exerce os mesmos problemas nas 3 linguagens. Assim você não precisará imaginar como seria na outra linguagem, você vai aprender sempre exatamente o mesmo problema (sinceramente achei isto fantástico!!). E, de quebra, ainda te ensina as mesmas questões em pseudocódigo, achei excelente esta idéia. Outro curso excelente para te ajudar neste início de caminhada.
Fundamentos de Programação — Aprenda a programar do zero! — Udemy — este curso do Jackson é algo realmente absurdo! 12 mega horas de puro conteúdo para você conseguir absorver o máximo da programação e tudo envolvido. Dependendo para qual caminho que for escolher, você irá escutar muito ele. Acredite =)
Lógica de Programação com Javascript. Iniciando no front-end — Udemy — Neste curso super bacana, o grande Daniel Tapias mostra a que veio. Te ensina programação de uma forma super bacana usando Javascript. Nestas 11 horas de curso, ele te ensina de forma detalhada, cada passo, cada parte da programação usando Javascript. E, para poder aprofundar ainda mais nos conhecimentos de Javascript, tem o curso dele específico de Javascript, que te ensina não somente Javascript, mas testes, MVC e muito mais. O link para este curso está no segundo artigo desta série.
Introdução à Lógica de Programação com Portugol Studio — Udemy — Neste curso super bacana, Thalyson manda muito bem ao explicar os conceitos da programação usando o Portugol Studio. Mas antes dele realmente chegar nos conceitos em si, ele explica bastante coisa sobre o que é programação e como começar realmente. Explica partes que são interessantes e que podem te ajudar a entender melhor os conceitos. Recomendo bastante também =).
Portugol Studio por HM Programming — Youtube — um dos canais recomendados pelo criador do Portugol Studio. São 14 vídeos ensinando o que precisa para poder iniciar a usar a ferramenta e começar a programar de forma simples e prática.
Portugol Studio Começar aqui — Youtube — canal oficial do criador do Studio. A IDE usada nos vídeos está bem desatualizada, porém seu conteúdo sempre será atual, pois o essencial da programação nunca muda. Pode conferir sem medo.
Introdução à lógica de programação — TIMTec — sim, para quem não sabe, a TIM tem uma plataforma de EAD muito bacana e com vários cursos super bacanas. Um deles é este aqui, e que é bem estruturado. Dá só uma olhada na ementa dele:
Aula 1 — Introdução à programação de computadores
Aula 2 — Algoritmos computacionais
Aula 3 — Estruturas de seleção
Aula 4 — Boas práticas de programação
Aula 5 — Estruturas de repetição
Aula 6 — Vetores unidimensionais
Aula 7 — Matrizes
Aula 8 — Modularização
Acredito ser uma ótima ideia dar uma olhada neste e em todos os outros cursos da plataforma. E sim, são gratuitos. Não precisa nem preocupar em pagar nem nada. E não vá achando que os professores são ruins, todos eles exercem grandes partes na comunidade de desenvolvimento.
Curso de Algoritmo: Completo e Passo a Passo — Udemy — o mestre mJailton estrelando aqui. Sua fala calma e didática magnífica te ajudará a entrar no mundo da programação de forma tranquila. Neste curso ele te ensinará toda a teoria da programação usando o VisualG, ou seja, conseguirá aplicar a teoria deste curso em qualquer (quase qualquer) linguagem de programação. Neste momento você precisa de uma base sólida, e ele te ajudará a você a montar a sua. Neste curso você tem milhares de exercícios, o que é ótimo. Não deixe de fazer nenhum e nunca pule nenhum, serão eles que te farão realmente aprender. Super recomendo ele =).
Curso de Lógica de Programação com PHP — Udemy — o mestre mJailton estrelando aqui. Ele é um ótimo professor, explica bem o que é proposto e sempre de forma simples e clara. Este curso te ensinará lógica juntamente com PHP. Caso alguém já tenha te dado os caminhos ou comentado com você que PHP é uma boa, acho super interessante este curso.
Caso queira aumentar ainda mais sua capacidade de raciocínio como programador, ou seja, entender realmente como pode resolver os problemas em programação, como ter um pensamento lógico sequencial e que te ajudará a resolver os problemas futuramente, aconselho fortemente este curso do Manoel Jailton (mJailton para o pessoal mais antigo) e que será uma ótima mão na roda, não somente para poder aprender programação, mas é útil na vida como um todo também.
Algoritmo Passo a Passo: Aprendendo Pensar como Programador — Udemy — Na verdade este curso NÃO te ensina programação em si, ensina a pensar como um programador, como o próprio nome diz. É um curso bem interessante, com milhares de exercícios, milhares de dicas e formas de fazer você abstrair um problema. Quando estamos começando a programar, a nossa maior dificuldade não está em fazer o código, mas sim abstrair o problema e o transformar em código. E é justamente isto o que este curso fará. Te ajudará a enxergar e a pensar com mais clareza o que precisa. É uma ótima aquisição.
Pronto! Assistiu a todas as aulas? Fez todos os exercícios? Todos os conceitos estão bem fixados na cabeça? Ótimo! Show de bola. Vamos continuar! Agora você precisa aprender conceitos de orientação a objetos. O que seria isto? Falando de uma forma bem simples, seria uma forma de você conseguir abstrair objetos do mundo real e poder fazer uso deles no desenvolvimento. Por exemplo, pense em um carro. Qualquer carro, modelo, ano, fabricante, literalmente. Todo carro tem rodas, chassi, tanque e/ou bateria, freios, teto, portas, vidros e por aí vai. Certo? Então você poderia fazer que o seu programa consiga ler estas informações de forma automática. Mas isto é apenas a pontinha do iceberg. Futuramente você verá que é bem maior a aplicação disto. Vamos nos ater ao básico.
Nesta próxima playlist, que é também do Gustavo Guanabara, ele ensina conceitos de POO (programação orientada a objetos). Só que, infelizmente, ele não fez uma playlist separada somente para os conceitos, então, ao abrir o link, apenas os vídeos com a imagem vermelha que você deve seguir, pois elas são as conceituais. Não se preocupe, entenderá quando abrir.
Programação orientada a objetos — Youtube
Excelente! Perfeito! Você já não é mais um desconhecedor das magias da programação. Falta agora, o mais importante de todos. Você se decidir para qual lado da força irá querer ir.
Se preferir ler, disponibilizo também alguns livros e/ou artigos que podem te ajudar nesta hora =)
An introduction to Object-Oriented Programming in JavaScript — Inglês
Você agora tem uma missão importante. Descobrir o que quer realmente fazer. Para onde realmente quer seguir. Fazer sites? Programas de computador? Apps para celular? IoT? Programas para X sistema operacional ou multi-plataformas? O que você quer fazer? Sim, você pode reaproveitar conhecimentos de uma área em outra sim, porém você terá “obesidade mental”, ou seja, você terá excesso de conteúdo para absorver e começará a ler mais coisas do que precisa e necessita, acarretando frustração e arrependimentos. Neste momento você precisa se focar em aprender um único conteúdo por vez. Pense como quando está em um self-service, você tem que escolher entre uma infinidade de comida, aquelas que irão para o seu prato, e na sequência que bem deseja (ninguém quer comer arroz por baixo do feijão =D).
Mas agora, como você está começando, precisa saber aonde irá gastar as suas energias. Então, gaste-as de forma consciente. Aqui irei te ajudar a dar os primeiros passos para (não todos os caminhos, óbvio) onde poderá iniciar em várias frentes.
Irei iniciar a lista pelo mais fácil, que é desenvolvimento web. Mas não estranhe nem feche a cara, pois grande parte dos conhecimentos adquiridos nesta trilha você pode reaproveitar em vários outros campos. A partir do momento em que estiverem bem consolidados em você, os replicar em outras frentes de desenvolvimento será bem mais fácil.
Desenvolvimento Web
A área de desenvolvimento web hoje é extremamente abrangente e abundante de fontes de conhecimentos e aplicabilidades. Muito requisitada no mercado de trabalho e não é difícil achar uma boa vaga de trabalho para qualquer nível. Você pode construir um site simples para uma contabilidade do seu tio, como um sistema complexo e completo para uma empresa ou para a sua empresa e poder vender este sistema. Nada o impede. Mas, mais uma vez, você precisa antes de tudo, iniciar.
Para 100% dos sistemas web, você obrigatoriamente precisa saber no mínimo HTML e CSS, eles são a base de qualquer página que você imaginar (e hoje, aplicativos de celular e computador também). Mas eles sozinhos, para fazer um sistema, não são suficientes. Precisam estar acompanhados de algo para serem auxiliados na hora do desenvolvimento. E até aqui, você precisa definir o que você quer fazer. Se quer trabalhar com front-end, com back-end. Geralmente quem trabalha com front-end, não se envolve muito com back-end e vice versa. Mas sempre tem os animados de plantão que fazem parte dos dois lados da força, se tornando um super saiyajin. Mentira, se torna doido mesmo =)
Vamos lá…
HTML é o que você usa para fazer as marcações em uma página. Pense em uma história em quadrinhos. Em uma página você tem sempre os quadrinhos, cada quadrinho contêm algum personagem, um balão com a fala, o fundo. Quem vai fazer esta montagem é o HTML, e quem irá dar as cores, fazer alguma animação, alinhamentos, escolha da fonte a ser usada e mais outras coisas, é o CSS.
Esta imagem do grande David Arty exemplifica bem. O lado esquerdo é apenas um HTML simples, ou seja, apenas a marcação bem definida do que será apresentado na tela. E do lado direito, com o CSS (muitíssimo bem aplicado, por sinal). E isto é apenas o início!
Onde ter a iniciação destas magias da programação?
HTML5 por Gustavo Guanabara — Youtube — Sim, mais uma vez ele. É indiscutível os conhecimentos que ele tem e facilidade que ele tem de ensinar. Este curso dele é bem abrangente e ainda tem um pouco de Javascript (bem básico e uma simples pincelada mesmo) para incrementar ainda mais o curso.
HTML5 por Node Studio — Youtube — Eu me admirei com a forma de ensinamento do Node Studio. Linguagem simples, clara, rápida e nada cansativa.
HTML5 — Introdução ao front-end — TIMTec — Este curso é proposto para você poder aprender HTML5 com um pouco de CSS3 mais Javascript e jQuery. Em um curto espaço de tempo, irá aprender um conteúdo bem valioso para iniciar a carreira.
Vamos ao mundo do CSS agora. CSS é lindo de se mexer, mas tenso para poder consertar.
Basicamente CSS é essa imagem. Toda e qualquer forma de consertar o que você fizer, sem saber exatamente o que está fazendo, poderá ou não ter um efeito global em toda a sua aplicação. Existem profissionais especializados apenas em CSS. São pessoas que ganham muito e são altamente requisitadas, pois poucos se aventuram neste campo =).
CSS3 por Node Studio — Youtube — Mais uma vez o pessoal do Node Studio mandando bem nas aulas. Esta playlist te ajudará bem a entrar no mundo do CSS e saber o aplicar bem. Você não sairá um ninja, mas não passará aperto também.
CSS3 por CFBCursos — Youtube — Admito que não conhecia bem este canal, apesar de ser inscrito nele há algum tempo. Ele explica muito bem as propriedades, como usar e onde usar. Vale a pena conferir.
CSS3 por Afonso Pacifer — Youtube — Impossível falar de CSS3 no Brasil sem mencionar o grande Afonso. Ele não tem aulas de CSS3 propriamente ditas, mas te ensinará a fazer coisas que não são ensinadas em curso algum. Super indico ele para aprender mais coisas em CSS3.
Design de interfaces com CSS3 — TIMTec — este curso não é para exatamente te ensinar CSS3, mas para te ensinar a fazer interfaces responsivas. Você já terá que ter conhecimento em CSS3 para iniciar este curso. Vale super a pena =).
Temos também cursos pagos e que tem bastante conteúdo
Curso Web Moderno com JavaScript! COMPLETO 2018 + Projetos — Udemy — Este é o 2º curso do professor Leonardo Leitão que eu adquiro (adoraria ter todos, mas cada um a seu tempo). Ele sempre usa as últimas tendências do mercado e consegue te repassar os ensinamentos de forma simples e objetiva. As aulas dele são completas e tranquilas de se acompanhar, e se fizer todos os exercícios propostos, duvido não aprender. São apenas 75 mega horas de contéudo puro… Javascript na veia, Node, HTML, CSS, Ajax, Gulp, jQuery, Bootstrap, React, Vue, Mongo, MySQL, Express e MUITO mais… é um dos melhores cursos que irá adquirir na Udemy e que vale MUITO mais do que o valor que é cobrado. É uma vergonha querer piratear este curso pois o valor dele é completamente irrisório para o que ele vale! Três dias de puro conteúdo, exercício, material e tudo mais que você possa querer. Sem dúvida é a melhor escolha que fará no início da sua carreira. Mega recomendo ele =)
Curso completo de Desenvolvimento Web — Crie 6 projetos — Udemy — Outro curso que também não posso opinar muito, infelizmente, pois eu não o tenho. Porém, pela quantidade de alunos e pelo rating dele, certamente é um excelente curso! Abrange vários tópicos como HTML, CSS, PHP, Bootstrap, Javascript e MySQL. Eu tenho o curso de Desenvolvimento Web com Angular do Jorge Sant Ana e posso dizer que ele é muito bom. Me baseando pelo curso que possuo dele, não teria dúvidas para adquirir este curso em momento algum.
Curso Desenvolvedor Web Completo 2018 + 10 de projetos — Udemy — Infelizmente este eu não consigo avaliar pois eu não o tenho, mas não me impede de poder o indicar. São mais de 400 aulas, mais de 30 horas de puro conteúdo e ele abrange praticamente tudo que você precisa para poder montar desde páginas simples até sistemas completos, pois ele passa pelo HTM5, CSS3 e vai também em PHP, Javascript, jQuery, Bootstrap, SEO, MySQL. Sim, é um curso bem completo que te dará um aprendizado precioso.
Web Completo 2.0–15 cursos + 17 projetos — Udemy — Neste curso imenso e super bacana, a dupla Jorge Sant Ana e Jamilton Damasceno comandam, mais uma vez, uma ementa de dar inveja. Infelizmente não o tenho, mas achei a ementa deste curso incrível. HTML, CSS, Javascript, PHP, MySQL, Ajax, jQuery, Wordpress e muito mais. Até o momento tem mais de 500 aulas e mais de 85 horas de puro conteúdo. Nem se você pagar R$1 por módulo sairia tão barato e tão em conta pelo retorno que te dará no futuro. E ainda tem MUITO mais aulas para serem adicionadas. É um super curso que não deixa a desejar em momento algum!
Curso Web Design Completo: HTML5, CSS3 e JS + 5 Projetos — Udemy — mais uma vez o mestre Tapias figurando aqui. Desta vez com um curso de 54 horas para te ensinar tudo sobre Javascript, programação, HTML5, CSS3, animação, semântica (de nada adianta escrever um CSS que funciona mas que não tenha semântica alguma né?), BOM e muito mais. Um curso para te ajudar bem a iniciar na sua vida em desenvolvimento web.
E para se aprofundar um pouco, temos este curso da TIMTec.
Desenvolvimento de front-end — TIMTec — Neste curso você não aprenderá exatamente a programar, mas sim a entender o papel de cada coisa e sua parte num todo. De nada adianta saber HTML + CSS + JS se não entender como todo mundo funciona junto. Ensina SEO, validação de código, ferramentas e mais outros tópicos.
Com estes cursos, certamente você sairá com uma bagagem de conhecimentos imensa e já poderá iniciar sua vida no mundo da programação.
Se você não pôde adquirir nenhum dos cursos da Udemy, não se preocupe pois sempre tentarei colocar conteúdos gratuitos primeiro. Vamos continuar.
Ótimo, agora você já sabe HTML5 e CSS3. Sabe montar um site simples, porém funcional (caso não tenha adquirido nenhum dos cursos da Udemy). Mas aposto que está sentindo falta de um algo a mais. Seja uma animação mais bem elaborada, seja a necessidade um formulário de contato funcional, seja uma forma de escrever coisas e elas aparecerem de forma automática no seu site. Mas antes disto, tentarei te ajudar a otimizar um pouco o seu trabalho usando frameworks.
Frameworks
Temos milhares de ferramentas para nos ajudar no desenvolvimento de uma página web, e uma delas é chamada de framework. Framework nada mais é do que um pacote com um monte de coisas pré-montadas e que você vai brincar de quebra-cabeças com ele para poder montar a tela do jeito que deseja, mas sem ter a parte do back-end (daqui a pouco vai saber o que é) para inserir dados de forma automática nele. Terá que ser tudo manual até você construir isto. Você tem frameworks para quase tudo hoje, te permitindo diminuir consideravelmente o tempo de desenvolvimento de toda a cadeia, mas sempre terá que ficar / estar atrelado às guias de desenvolvimento do framework escolhido, o que não é ruim, porém não te dá muita liberdade as vezes.
Enquanto este último parágrafo foi escrito, 2 frameworks Javascript foram desenvolvidos e 3 morreram.
Frameworks front-end
Aqui irei listar alguns frameworks que acho interessante mencionar. Seja por sua beleza, seja por funcionalidade ou por apenas ser mais conhecido mesmo. Porém, neste momento aqui, apenas me aterei a frameworks HTML+CSS e que não necessitem de nenhum tipo de programação adicional para funcionarem, como Javascript (além do uso pelos componentes do próprio framework) ou PHP. Mais pra frente irei abranger um pouco mais este leque posteriormente, não se preocupe.
Bootstrap — Com certeza, em algum ponto de leitura sobre desenvolvimento você leu sobre este framework. De longe é o mais conhecido, o mais usado, muito sólido e consolidado no mercado. Milhares de pessoas usam ele e não é muito difícil achar materiais sobre ele. O próprio site dele tem uma boa documentação, mas em alguns momentos eu acho meio confusa. Geralmente tenho que procurar ajuda. O que me chateia no Bootstrap é que ele, ainda hoje em sua verão 4.1.0 (na data da escrita deste artigo), faz uso do jQuery (jQuery é uma biblioteca antiga, foi altamente usada antigamente, mas que graças aos grandes deuses poderosos da programação, não é mais necessária no desenvolvimento em Javascript). jQuery não é ruim, de forma alguma. Ele foi extremamente útil e necessário para construção de incontáveis páginas e sistemas web. Porém, como a ordem hoje é usar o mínimo de coisas para diminuir o tamanho da aplicação no seu final, apenas o uso dele já aumenta em 70KB o tamanho do pacote final, o que é considerado gigantesco. Então, use bem a parcimônia nestas horas.
Algumas fontes de aprendizado sobre Bootstrap:
Curso Completo Bootstrap 4 + jQuery — Udemy — o grande Tapias (você ainda vai ver muito dele por aqui, não esquente =D) lançou este super curso de, e não apenas, Bootstrap. Mas também incluiu um curso super bacana de jQuery junto. Mas pra que um curso de jQuery? Simples, ao invés de ter que ficar procurando código pronto de como fazer o que quer e aonde pretende chegar, ele já te dará o caminho das pedras, para poder crescer ainda mais. Você irá aprender a fazer animações e efeitos usando jQuery para poder dar mais vida ao seu projeto e ganhar confiança para ir cada vez mais além.
Ricardo Sanches — Youtube — Eu super curto o Ricardo. Ele é sempre animado e sempre explica o conteúdo de forma super simples e prática. Este curso de Bootstrap dele não está completo, mas você consegue já dar alguns passos com ele.
Keven Jesus — Site próprio — não tem como falar de Bootstrap sem falar do monstro Keven. Ele tem um curso animal de Bootstrap que é super completo e abrangente. Certamente iniciaria minha trajetória no mundo Bootstrap por ele.
Bootstrap 4 — Completo, Prático e Responsivo — Udemy — Neste curso super bacana, você não aprenderá apenas Bootstrap, mas irá fazer um dashboard super legal, com algumas funcionalidades bem interessantes (bem legal isto), irá também recriar a página da empresa do próprio autor (assim você terá noção de como fazer um projeto de vida real mesmo), irá aprender a não somente usar em sua máquina mas também a colocar no ar em um servidor real. Bem interessante este curso!
Bootstrap 4 From Scratch With 5 Projects — Udemy — Este curso do Brad Traversy é extremamente completo, te explica a montar 5 projetos completamente do mundo real e que são realmente úteis e fáceis de serem reaplicados em outros projetos. Vale a pena dar uma olhada!
MaterializeCSS — este framework segue a linha Material Design do Google, é bem simples de se usar e em sua última versão já não faz mais uso do jQuery, o que é excelente, pois faz o site ficar mais leve e rápido e o pacote final bem menor. Ele tem milhares de componentes já prontos e bons exemplos em seu site. Você consegue montar um site simples em poucos minutos com ele. A vantagem dele é sua simplicidade na hora de montar o layout e sua beleza. A documentação dele é bem simples e prática de usar.
Algumas fontes de aprendizado sobre o Materialize:
MaterializeCSS por Node Studio — Youtube — Mais uma vez o pessoal do Node Studio mandando bem nas aulas. Ele explica cada componente, cada elemento de forma simples e prática. Super recomendo.
Materialize CSS From Scratch With 5 Projects — Udemy — Difícil falar de forma imparcial de quem somos fãs. Eu curto a forma que o Brad explica as coisas e como ele desenvolve a explicação durante a aula. Te faz pensar. O canal dele no Youtube é recheado de conteúdo excelente e em várias linguagens e frameworks. Definitivamente mais um para sua playlist para começar a seguir.
UIKit — Eu me apaixonei por este framework, sinceramente. Estou fazendo um projeto atualmente com ele e, sinceramente, não tem o que você precise de componente HTML + CSS que ele não tenha. Menu transparente? Claro! Fazer qualquer elemento da página ficar “grudado” dentro de outro elemento? Pode ter certeza! Fazer com que todos os elementos filhos tenham o mesmo tamanho e/ou altura? Pode apostar que sim! Ele tem uma documentação bem completa e bem explicativa, mas se ainda restar alguma dúvida, em todo componente tem um link no menu a direita com a opção “Open test”, onde você poderá ver como usar o componente dentro da sua aplicação. Infelizmente não consegui achar um bom curso deste framework e que fosse no mínimo atual, todos os que eu achei são antigos e não compreendem o que o framework oferece atualmente. Mas não deixe que isto seja um empecilho para você. A partir do momento em que começar a usar ele, não achará muita dificuldade em o usar. Qualquer coisa, o Gitter dele é bem ativo e o participantes estão lá sempre dispostos a ajudar todos.
BulmaCSS — é impossível ver uma página feita por Bulma e não sentir a velocidade e a limpeza de seus componentes. Documentação limpa, simples, código simples para tudo e muita coisa pronta, já para te ajudar a fazer o seu serviço rapidamente.
Algumas fontes de aprendizado sobre o BulmaCSS
Bulma por Brad Traversy — Youtube — Mais uma vez o Brad entrando para a lista de grande tutores. Este curso rápido sobre Bulma irá te ajudar a iniciar a dar os primeiros passos neste incrível framework.
Bulma por Rildo Pragana — Youtube — o mestre Rildo mais uma vez mandando mais um excelente tutorial. Rildo tem vários excelentes tutoriais, simples e curtos para serem acompanhados. Definitivamente, um que eu colocaria na lista para sempre acompanhar =).
Se não tiver com firmeza ainda no aprendizado de algum destes frameworks, comenta que eu faço um curso rápido sobre o mais votado. Mas como eles são bem simples, acho díficil precisar.
Irei encerrar este artigo por aqui, pois já está longo demais e já tem muito material para poder absorverem. Os próximos artigos serão sobre linguagens de programação para web, front-end vs Back-end entendendo suas diferenças. Como são milhares de tópicos a serem abrangidos, temos que ser um pouco comedidos e ir em doses não cavalares como foi este aqui.
Espero que tenha gostado e agora tenha ficado um pouco mais claro e mais fácil algumas decisões.
E os agradecimentos deste artigo ficam para Jorge Ramos… Me ajudou lendo este artigo infinitas vezes até chegar aonde está =)