Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/kvnol/aprenda-frontend

:books: Central de conhecimento sobre front-end
https://github.com/kvnol/aprenda-frontend

brazil css frontend html javascript learn resources

Last synced: 15 days ago
JSON representation

:books: Central de conhecimento sobre front-end

Lists

README

        


Aprenda Front-end


Aprenda Front-end


Central de conhecimento sobre desenvolvimento front-end
Inspirado no Aprenda Ruby on Rails do Felipe Orlando



Cursos
Livros
Blogs
Palestras
Screencasts
Eventos ativos
Comunidades
Feeds
Podcasts

## :mortar_board: Cursos

Curso | Escola/Site | Nível | Assunto | Autor | Preço
:-- | :--: | :--: | :--: | :--: | :--:
[Angular](https://www.youtube.com/watch?v=tPOMG0D57S0&list=PLGxZ4Rq3BOBoSRcKWEdQACbUCNWLczg2G) | YouTube | Intermediário | Angular | [Loiane Groner](https://loiane.com/) | :free:
[CSS3 com Sass e Compass](https://www.youtube.com/watch?v=D9OpSGViDgA&list=PL3C05B7A66AC502CF) | YouTube | Intermediário | CSS | [Loiane Groner](https://loiane.com/) | :free:
[CSS: um passo adiante](https://www.udemy.com/css-um-passo-adiante/?couponCode=APRENDA_FRONTEND) | Udemy | Intermediário | CSS | [Tárcio Zemel](https://about.me/tarciozemel) | :moneybag:
[CSS Grid: o sistema definitivo de layouts](https://www.udemy.com/css-grid-layout/?couponCode=APRENDA_FRONTEND) | Udemy | Básico | CSS | [Tárcio Zemel](https://about.me/tarciozemel) | :moneybag:
[Começando com React.js](https://jscasts.teachable.com/p/comecando-com-react-js) | Teachable | Básico | ReactJS | [Matheus Lima](https://matheuslima.com/) | :free:
[Curso Netlify](https://www.youtube.com/watch?v=a1cIjP1bueM&list=PLlAbYrWSYTiMGMxQf9JSoZUU1rgVpGPth) | YouTube | Básico | Deploy | [Willian Justen](https://github.com/willianjusten) | :free:
[Flexbox: o guia completo](https://www.udemy.com/flexbox-guia-completo/?couponCode=APRENDA_FRONTEND) | Udemy | Básico | CSS | [Tárcio Zemel](https://about.me/tarciozemel) | :moneybag:
[Functional Programming Beginner](http://paqmind.com/courses/fp-beginner/) | [Paqmind](http://paqmind.com/) | Básico | JavaScript | Paqmind | :free:
[Git e GitHub](https://www.udemy.com/git-e-github-para-iniciantes/) | Udemy | Básico | Git/Github | [Willian Justen](https://github.com/willianjusten) | :free:
[HTML e CSS](https://www.codecademy.com/pt-BR/learn/web) | Codecademy | Básico | HTML/CSS | [Codecademy](https://www.codecademy.com/) | :free:
[Javascript Ninja](https://blog.da2k.com.br/curso-javascript-ninja/) | Udemy | Intermediário | JavaScript | [Fernando Daciuk](https://github.com/fdaciuk) | :moneybag::moneybag::moneybag:
[Node.js Beginner](http://paqmind.com/courses/nodejs-beginner/) | Paqmind | Básico | JavaScript | [Paqmind](http://paqmind.com/) | :free:
[ReactJS Ninja](https://blog.da2k.com.br/curso-reactjs-ninja/) | Udemy | Intermediário | ReactJS | [Fernando Daciuk](https://github.com/fdaciuk) | :moneybag::moneybag::moneybag:
[React/Redux](https://www.udemy.com/react-redux-pt/) | Udemy | Intermediário | ReactJS | [Leonardo Moura Leitão](https://github.com/cod3rcursos/) | :moneybag::moneybag::moneybag:
[Vue.js do jeito ninja](https://www.youtube.com/playlist?list=PLcoYAcR89n-qq1vGRbaUiV6Q9puy0qigW) | Youtube | Básico | Vue Js | [Tiago Matos](http://www.tiagomatos.com) | :free:
[Gatsby: Crie um site PWA com React, GraphQL e Netlify CMS](https://www.udemy.com/course/gatsby-crie-um-site-pwa-com-react-graphql-e-netlify-cms/) | Udemy | Intermediário | ReactJS | [Willian Justen](https://willianjusten.com.br/) | :moneybag::moneybag::moneybag:
[Vue/Vuex](https://www.udemy.com/vuejs-2-the-complete-guide/) | Udemy | Intermediário | Vue.js | [Maximilian Schwarzmüller](https://www.udemy.com/user/maximilian-schwarzmuller/) | :moneybag:
[Vue Fundamentals](https://vueschool.io/courses/vuejs-fundamentals) | Vueschool | Intermediário | Vue.js | [VueSchool](https://vueschool.io) | :free:
[Desenvolvedor Front-End](https://www.alura.com.br/carreira-desenvolvedor-front-end) | Alura | Básico | HTML/CSS/JS | Alura | :moneybag:
[Desenvolvedor Javascript](https://www.alura.com.br/carreira-desenvolvedor-javascript) | Alura | Intermediário | Javascript | Alura | :moneybag:
[Engenheiro Javascript](https://www.alura.com.br/carreira-engenheiro-javascript) | Alura | Avançado | Javascript | Alura | :moneybag:
[Desenvolvedor Vuejs](https://www.alura.com.br/carreira-desenvolvedor-vuejs) | Alura | Intermediário | Vuejs | Alura | :moneybag:
[Desenvolvedor Angular](https://www.alura.com.br/carreira-angular) | Alura | Intermediário | Angular | Alura | :moneybag:
[Desenvolvedor React](https://www.alura.com.br/carreira-programador-react) | Alura | Intermediário | React/Redux | Alura | :moneybag:
[Front-end em geral](https://www.schoolofnet.com/planos-de-estudo/programacao/frontend) | School of Net | Intermediário | Angular, React, Vue, Javascript e etc | School of net | :moneybag:
[Curso HTML 5](https://www.youtube.com/watch?v=epDCjksKMok&list=PLHz_AreHm4dlAnJ_jJtV29RFxnPHDuk9o) | YouTube | Básico | HTML 5 | Curso em Vídeo | :free:
[Curso de JavaScript para iniciantes](https://www.youtube.com/playlist?list=PLHz_AreHm4dlsK3Nr9GVvXCbpQyHQl1o1) | YouTube | Básico | HTML 5 | Curso em Vídeo | :free:
[Angular 9 - Essencial](https://www.cod3r.com.br/courses/angular-9-essencial) | Cod3r | Intermediário | Angular | [Cod3r](https://www.cod3r.com.br/) | :free:
[Desenvolvimento SPA com Angular](https://desenvolvedor.io/curso-online-desenvolvimento-spa-com-angular) | desenvolvedor.io | Intermediário | Angular | [desenvolvedor.io](https://desenvolvedor.io/) | :moneybag:
[Desenvolvimento Avançado em Angular](https://desenvolvedor.io/curso-online-desenvolvimento-avancado-em-angular) | desenvolvedor.io | Avançado | Angular | [desenvolvedor.io](https://desenvolvedor.io/) | :moneybag::moneybag::moneybag:

[Ir para o índice](#Índice)

## :book: Livros

Título | Assunto | Formato | Preço | Idioma
:-- | :--: | :--: | :--: | :--:
[Adaptive Web Design](https://adaptivewebdesign.info/1st-edition/) | Front-end | E-book | :free: | :us:
[Bootstrap 3.3.5](http://livrosdomaujor.com.br/bootstrap3/codigos.html) | CSS | E-book | :free: | :brazil:
[Developing Backbone.js Applications](https://addyosmani.com/backbone-fundamentals/) | CSS | E-book | :free: | :us:
[Dive Into HTML5](https://diveintohtml5.com.br/) | HTML5 | E-book | :free: | :brazil:
[Eloquent Javascript](http://braziljs.github.io/eloquente-javascript/) | JavaScript | E-book | :free: | :brazil:
[Front-End Developer Handbook](https://www.gitbook.com/book/frontendmasters/front-end-handbook-2017/) | Front-end | E-book | :free: | :us:
[HTML5 Canvas](http://chimera.labs.oreilly.com/books/1234000001654/index.html) | HTML5 | E-book | :free: | :us:
[HTML5 for Publishers](http://chimera.labs.oreilly.com/books/1234000000770/index.html) | HTML5 | E-book | :free: | :us:
[JavaScript Design Patterns](https://addyosmani.com/resources/essentialjsdesignpatterns/book/) | JavaScript | E-book | :free: | :us:
[Javascript Furtivo](https://leanpub.com/javascriptfurtivo) | JavaScript | E-book | :free: | :brazil:
[Programming JavaScript Applications](http://chimera.labs.oreilly.com/books/1234000000262/index.html) | JavaScript | E-book | :free: | :us:
[Web Audio API](http://chimera.labs.oreilly.com/books/1234000001552/index.html) | JavaScript | E-book | :free: | :brazil:
[Workflow Front-end](https://www.gitbook.com/book/tapmorales/workflow-front-end/) | Front-end | E-book | :free: | :brazil:
[You Don't Know JS](https://github.com/getify/You-Dont-Know-JS) | JavaScript | E-book | :free: | :brazil:
[Guia de bolso de SVG](https://github.com/jonitrythall/svgpocketguide/blob/master/svgpocketguide-ptbr.md) | SVG | E-book | :free: | :brazil:
[Vue.js](https://www.casadocodigo.com.br/products/livro-vue) | Vue.js | E-book | :moneybag: | :brazil:
[Progressive Web Apps](https://www.casadocodigo.com.br/products/livro-pwa) | React/PWA | E-book | :moneybag: | :brazil:
[Turbine seu CSS](https://www.casadocodigo.com.br/products/livro-turbine-css) | CSS | E-book | :moneybag: | :brazil:
[CSS Eficiente](https://www.casadocodigo.com.br/products/livro-css-eficiente) | CSS | E-book | :moneybag: | :brazil:
[CSS e HTML](https://www.casadocodigo.com.br/products/livro-html-css) | CSS/HTML | E-book | :moneybag: | :brazil:
[SASS](https://www.casadocodigo.com.br/products/livro-sass) | SASS | E-book | :moneybag: | :brazil:
[Web Design Responsivo](https://www.casadocodigo.com.br/products/livro-web-design-responsivo) | HTML/CSS | E-book | :moneybag: | :brazil:

[Ir para o índice](#Índice)

## :newspaper: Blogs

Blog | Principal autor | Idioma
:-- | :--: | :--:
[Blog do Maujor](http://www.maujor.com/blog/) | [Maurício Samy Silva](https://github.com/maujor) | :brazil:
[Cangaceiro JavaScript](http://cangaceirojavascript.com.br/) | [Flávio Almeida](https://github.com/flaviohenriquealmeida) | :brazil:
[Da2k](http://blog.da2k.com.br/) | [Fernando Daciuk](https://github.com/fdaciuk) | :brazil:
[desenvolvimento para web](http://desenvolvimentoparaweb.com/) | [Tárcio Zemel](https://about.me/tarciozemel) | :brazil:
[Felipe Fialho](http://www.felipefialho.com/blog/) | [Felipe Fialho](https://github.com/lfeh) | :brazil:
[JavaScript Scene](https://medium.com/javascript-scene) | [Eric Elliott](https://github.com/ericelliott) | :us:
[Nando Moreira](https://nandomoreira.me/blog/) | [Nando Moreira](https://github.com/nandomoreirame) | :brazil:
[Tableless](http://tableless.com.br/) | [Diego Eis](https://github.com/diegoeis) | :brazil:
[Vinicius Reis](https://medium.com/@luizvinicius73) | [Vinicius Reis](https://github.com/vinicius73) | :brazil:
[Willian Justen](https://willianjusten.com.br/) | [Willian Justen](https://github.com/willianjusten) | :brazil:
[Zeno Rocha](https://zenorocha.com/articles/) | [Zeno Rocha](https://github.com/zenorocha) | :us:
[School of net](https://blog.schoolofnet.com/) | [School of net](https://github.com/schoolofnetcom) | :brazil:
[Zup](https://www.zup.com.br/blog) | [Zup](https://github.com/ZupIT) | :brazil:
[Marco Bruno](https://marcobrunobr.medium.com/) | [Marco Bruno](https://github.com/marcobrunodev) | :brazil:

[Ir para o índice](#Índice)

## :video_camera: Palestras (Vídeos)
Título | Evento | Assunto | Palestrante | Idioma
:-- | :--: | :--: | :--: | :--:
[Acessibilidade na prática para você não esquecer](https://www.youtube.com/watch?v=4URTZHk6tz0) | [Frontinsampa 2016](http://www.frontinsampa.com.br/) | Acessibilidade | [Talita Pagani](https://github.com/talitapagani) | :brazil:
[CSS {Grid} Layout: It's evolution baby](https://www.youtube.com/watch?v=94aYg5D8N0s) | [Vale do Carbono](http://valedocarbono.org/conference/) | CSS | [Diogo Moretti](https://github.com/diogomoretti) | :brazil:
[Como encarar o desenvolvimento front-end](https://www.youtube.com/watch?v=4vRCueT_Z4I) | [Front in BH 2016](https://frontinbh.com.br/) | Front-end | [Jean Carlo Emer](https://github.com/jcemer) | :brazil:
[Como ser um bom dev front-end em 2017](https://www.youtube.com/watch?v=LBxHq3IG4F4) | [Vale do Carbono](http://valedocarbono.org/conference/) | Front-end | [Jaydson Gomes](https://github.com/jaydson) | :brazil:
[Isomorfismo pra quê?](https://www.youtube.com/watch?v=T2T-qyp1M9A) | [BrazilJS Conf 2016](https://braziljs.org/conf/) | JavaScript | [Fernanda Bernardo](https://github.com/FernandaBernardo) | :brazil:
[Jóta Essi Funcional](https://www.youtube.com/watch?v=GQGKnve69DM) | [Frontinsampa 2016](http://www.frontinsampa.com.br/) | JavaScript | [Matheus Marsiglio](https://github.com/mtmr0x) | :brazil:
[JS Loves Music](https://www.youtube.com/watch?v=HnQQL8Q9upA) | [BrazilJS Conf 2016](https://braziljs.org/conf/) | JavaScript | [Willian Justen](https://github.com/willianjusten) | :brazil:
[Linked Data, JSON-LD e Web Semântica](https://www.youtube.com/watch?v=vAjBRcg3ydM) | [BrazilJS Conf 2016](https://braziljs.org/conf/) | JavaScript, Semântica | [Diego Eis](https://github.com/diegoeis) | :brazil:
[Performance em CSS](https://www.youtube.com/watch?v=m1iV2C44Duc) | [BrazilJS Conf 2012](https://www.youtube.com/watch?v=m1iV2C44Duc) | CSS | [Bernard De Luna](https://github.com/bernarddeluna) | :brazil:
[Progressive Enhancement](https://www.youtube.com/watch?v=cgn2tug4nTo) | [Frontinsampa 2016](http://www.frontinsampa.com.br/) | Front-end | [Marco Bruno](https://github.com/MarcoBrunoBR) | :brazil:
[The Creative Developer](https://www.youtube.com/watch?v=LGD6ZeFPX80&t=1389s) | [Frontinsampa 2016](http://www.frontinsampa.com.br/) | Front-end | [Almir Filho](https://github.com/almirfilho) | :brazil:
[Um Futuro Chamado Web Components](https://www.youtube.com/watch?v=7Q0-E_rZ_Cc) | [BrazilJS Conf 2013](https://braziljs.org/conf) | Web Components | [Zeno Rocha](https://github.com/zenorocha) | :brazil:
[Web APIs You Didn’t Know Existed](https://www.youtube.com/watch?v=riC-i7bKrGY) | [Front in BH 2016](https://frontinbh.com.br/) | JavaScript | [Zeno Rocha](https://github.com/zenorocha) | :brazil:
[Clean Code (transforme a sua carreira de desenvolvedor)](https://www.youtube.com/watch?v=4EnLAQprzJU) | [SuperTalks da Supero TI](https://www.sympla.com.br/super-talks---edicao-developers__805707) | Semântica | [Rodrigo Branas](https://github.com/rodrigobranas) | :brazil:

[Ir para o índice](#Índice)

## :computer: Screencasts
Título | Assunto | Autor | Idioma
:-- | :--: | :--: | :--:
[Be MEAN: MongoDB](https://www.youtube.com/playlist?list=PL77JVjKTJT2gXHb9FEokJsPEcoOmyF1pY) | MongoDB | [Jean Carlo Nascimento](https://github.com/suissa) | :brazil:
[Be MEAN: Node.js](https://www.youtube.com/playlist?list=PL77JVjKTJT2hP_lxL88oDo2rJvOskpGfJ) | JavaScript | [Jean Carlo Nascimento](https://github.com/suissa) | :brazil:
[Be MEAN: Angular1](https://www.youtube.com/playlist?list=PL77JVjKTJT2hfviaP9JV_ZyJWSD4je7Df) | JavaScript | [Jean Carlo Nascimento](https://github.com/suissa) | :brazil:
[Desvendando a linguagem JavaScript ](https://www.youtube.com/playlist?list=PLQCmSnNFVYnT1-oeDOSBnt164802rkegc) | JavaScript | [Rodrigo Branas](https://github.com/rodrigobranas) | :brazil:
[Grunt vs Gulp](https://www.youtube.com/playlist?list=PLQCmSnNFVYnTkUx1tVVPumohXVMDwfQcV) | JavaScript | [Rodrigo Branas](https://github.com/rodrigobranas) | :brazil:
[Node.js](https://www.youtube.com/playlist?list=PLQCmSnNFVYnTFo60Bt972f8HA4Td7WKwq) | JavaScript | [Rodrigo Branas](https://github.com/rodrigobranas) | :brazil:
[Qualidade de Código](https://www.youtube.com/playlist?list=PLQCmSnNFVYnSpfpwwQGO8QHQ3CcizaZsV) | JavaScript | [Rodrigo Branas](https://github.com/rodrigobranas) | :brazil:
[Tudo sobre AngularJS](https://www.youtube.com/playlist?list=PLQCmSnNFVYnTD5p2fR4EXmtlR6jQJMbPb) | JavaScript | [Rodrigo Branas](https://github.com/rodrigobranas) | :brazil:
[Sass](https://www.youtube.com/playlist?list=PL77JVjKTJT2h4DPhWnTyVurZXugplVa1r) | CSS | [Amanda Vilela](https://github.com/amandavilela) | :brazil:

[Ir para o índice](#Índice)

## :circus_tent: Eventos Ativos
Nome | Tipo | Frequência | Organizadores | Local
:-- | :--: | :--: | :--: | :--:
[AngularSP](https://www.meetup.com/pt-BR/AngularJS-Sao-Paulo/) | Meetup | Mensal | [William Grasel](https://github.com/willgm), Deborah Lindau | SP, Brasil
[CSS SP](https://www.meetup.com/pt-BR/CSS-SP/) | Meetup | Mensal | [Felipe Fialho](https://github.com/lfeh), [Raphael Fabeni](https://github.com/raphaelfabeni) | SP, Brasil
[FemugSP](https://www.meetup.com/pt-BR/femugsp/) | Meetup | Mensal | [Lucas Mazza](https://github.com/lucasmazza) | SP, Brasil
[Frontend SP Meetup](https://www.meetup.com/pt-BR/Frontend-Dev-SP-Meetup/) | Meetup | Mensal | [Shin](https://github.com/shin-monkey) | SP, Brasil
[Front In BH](http://frontinbh.com.br/) | Conferência | Anual | [Keppelen](https://github.com/keppelen), [Davidson Felipe](https://github.com/davidsonfellipe) | MG, Brasil
[Front In Sampa](http://www.frontinsampa.com.br/) | Conferência | Anual | [Deivid Marques](https://github.com/deividmarques), [Keit Oliveira](https://github.com/keitoliveira), [Marco Bruno](https://github.com/MarcoBrunoBR) | SP, Brasil
[HTML SP](https://www.meetup.com/pt-BR/html-sp/) | Meetup | Mensal | Vinicius Rossi | SP, Brasil

[Ir para o índice](#Índice)

## :speech_balloon: Comunidades
Nome | Tipo | Idioma
:-- | :--: | :--:
[Front-end Brasil](https://github.com/frontendbr/forum/issues) | Fórum | :brazil:
[Training Center](https://trainingcenter.io/) | Slack | :brazil:
[React Brazil](https://react-brasil.github.io/react-brasil-slack/) | Slack | :brazil:
[VueJS Brasil](https://vuejs-brasil.herokuapp.com/) | Slack | :brazil:

[Ir para o índice](#Índice)

## :paperclip: Feeds
[Ir para o índice](#Índice)

## :sound: Podcasts
Nome | Idioma
:-- | :--:
[DevCast](https://soundcloud.com/devmedia) | :brazil:
[Dev & Community Cast](http://devcommunitycast.com.br/) | :brazil:
[Dev na Estrada](http://devnaestrada.com.br/) | :brazil:
[Fullstack Radio](http://fullstackradio.com) | :us:
[Hipsters.tech](http://hipsters.tech/) | :brazil:
[Lambda3](https://www.lambda3.com.br/tag/podcast/) | :brazil:
[PodProgramar](https://podprogramar.com.br/category/podcast/) | :brazil:
[PodTag](https://podtag.com.br/) | :brazil:
[ProdCast](https://www.concrete.com.br/category/prodcast/?categoryId=5) | :brazil:
[QuebraDev](http://quebradev.com.br/) | :brazil:
[SudoCast](http://sudocast.com.br/) | :brazil:
[Syntax Podcast](http://syntax.fm/) | :us:
[Lovelace Podcast](https://twitter.com/lovelacepodcast) | :brazil:

[Ir para o índice](#Índice)


MIT @ Kevin Oliveira