Faaaaala devs! 🤙 Tudo bem? Ás vezes é difícil acharmos alguma informação ou recurso que estamos precisando em um dado momento, né? Um livro que precisamos ler mas a editora não imprime mais, aprender um pouco mais sobre uma linguagem ou até mesmo qual o próximo passo darmos depois que aprender alguma tecnologia nova (ou a primeira, como foi meu caso há algum tempo).

Pensando nisso, criei essa coletânia de recursos que serão atualizados semanalmente, aqui você poderá encontrar:

• jogos com exercícios de Flexbox e Css Grid
• Markdown Badges para seu README
• Tutorial de como usar o Markdown
• Livros de programação
• Vagas para Dev Júnior
• Exemplos de projetos e outras dicas

Todo material utilizado aqui é gratuito! Faça bom proveito! 💻

Quer treinar Flexbox e CSS Grid? Abaixo há uma lista com jogos interativos que veio facilitar a nossa vida. Todos possuem o mesmo conceito de jogabilidade, onde você deve usar as proriedades do flexbox e css grid para resolver os problemas e exercitar seus conhecimentos!

• Flexbox Froggy
• Grid Garden
• Flexbox Defense
• Css Table
• Flexbox Zombies
• Grid Clitters
• Unfold

• Github Learning Lab
• Grasshopper (Javascript)
• Solo Learn (html, css e JS)
• Mimo (html, css e JS)
• Scrimba (html, css e JS)
• Learn Javascript (Javascript)

Que tal implementar o README do seu github com algumas badges? Os perfis abaixo tem uma coleção bem bacana de badges que você pode instalar facilmente no seu readme e deixá-lo mais profissional! :)

• Badges README
• Markdown Badges
• OMG Badhes
• Github Readme Stats
• Badgen - Fast Badge Generator

Markdown é uma linguagem de marcação que converte seu texto em HTML e é frequentemente usado para escrever o README aqui do github! Entender a linguagem e saber usá-la é muito importante para criar um README legível e bem apresentável! Não sabe usar? Confira algumas dicas abaixo:

• Markdown Sheet Cheat [inglês]
• Customizing text with markdown [ingles]
• Como fazer um readm bonitão? (Medium) [portugues]
• Como adicionar Named Anchor [inglês]
• Sintaxe do Markdown [Melhor site - inglês]
• Github Profile Readme Generator - Gerador de Readme para status

Ta difícil de achar uma vaga de dev jr pra sua região/cidade? Esse repositório contém uma coleção enorme de vagas que são atualizadas diariamente, em todas as regiões do Brasil.

• Vagas para estágio e Dev Jr

Tá procurando um livro específico e tá difícil de achar? Neste repositório você pode encontrar diversos títulos e em várias linguas diferentes. Ele também é atualizado constantemente!

• Free Programming books

Artigos em Inglês

• Bem - CSS
• Css Reference - CSS
• Grid by example - CSS
• Css Animation - CSS
• Frontend Roadmap - Geral
• You don't know JS - Javascript
• Elloquent Javascript - Javascript
• Learning JS Design Pattern - Javascript

• Coolors
• Color Space Pallete
• Color Space Gradient
• CSS Gradient
• Sip
• Color Mind
• Colorbox

UTILITÁRIOS 🤞

• Normalize.css - CSS
• Reset.css - CSS
• Cubic Bezier - CSS
• Easing Function - CSS
• CSS Triangle Generator - CSS
• Clippy
• Keyframes - CSS
• Fancy Border Radius - CSS
• Brumm Shadows - CSS

Abaixo estão listados 10 repositórios que todo dev precisa conhecer.

• Build Your Own X
• Oh My Zsh
• Coding Interview University
• Gitignore: A Collection of .gitignore Templates
• System Design Primer
• Public APIs
• The Art of Command Line
• JavaScript Algorithms and Data Structures
• Developer Roadmap

• Emoji Cheat Sheet
• Gitmoji
• Git Emoji
• Emoji Copy
• Story Set

• Filipe Deschamps
• Curso em vídeo
• Vida de Programador
• Dev Media
• Fabio Akita
• Código Fonte TV
• Lucas Montano
• codeSTACKr
• Bonieky Lacerda
• doctor Code
• Web Dev Simplified
• Curso Git e Github

Cursos gratuitos e com certificados para aprimorar suas dev skills!

• Awesome Github Profiles
• Gerador de contador de visitar para o Github
• HTML Cheat
• Emmet Cheat Sheet
• CSS Reference
• CSS Grid Reference
• CSS Flexbox Reference