Skip to content

Latest commit

 

History

History
311 lines (184 loc) · 9.04 KB

resources.md

File metadata and controls

311 lines (184 loc) · 9.04 KB

Code resources

Table of contents

Road maps

Multi-themes resources
On-line bootcamps
On-line courses
On-line tutorials
Web sites
Blogs

Mono-theme resources
JavaScript React

Road maps

Over view
https://github.com/kamranahmedse/developer-roadmap
Also this one https://medium.freecodecamp.org/a-guide-to-teaching-yourself-to-code-and-getting-a-job-db7908dfb12e

Lists of resources
https://frontendmasters.com/books/front-end-handbook/2019/ (also https://github.com/FrontendMasters/front-end-handbook-2018) https://www.thinkful.com/blog/the-beginners-dilemma-your-first-100-hours-of-code/
https://github.com/bradtraversy/A-to-Z-Resources-for-Students

Some general wisdom on learning to code
https://www.thinkful.com/blog/why-learning-to-code-is-so-damn-hard/

Multi-themes resources

On-line bootcamps

Free

freeCodeCamp

  • Responsive Web Design (201906)
  • JavaScript (201901)
  • Frontend Librairies (201907)
  • Data Visualization
  • APIs and microservices
  • Information security and quality assurance

Paid

Team Treehouse

Lambda school

  • Full stack web

On-line tutorials

Free

Viking Code School free prep

[Lambda school(#) (free prep part)

Paid

Frontend masters

On-line courses

Free

Solo learn courses

Scrimba

  • React (best!)
  • JavaScript
  • ES6
  • Modern JavaScript
  • Regexp
  • TypeScript
    ...More

The Net Ninja On YouTube
Lots of things

NodeSchool See specific recap

Solo learn ??? Bootcamp ???

Lambda school on YouTube
Have a look at this Stuff about JS and the DOM by Jonas

Some free some not

Udacity: 18 free courses on JavaScript

Wes Bos: 11 tutorials

  • Mastering Markdown (free) - 201902
  • What is Flexbox ? (free) - 201901
  • CSS grid (free)
  • JavaScript30
  • ES6 for Everyone
  • React For Beginners
  • Learn Redux
  • Fullstack Advanced React and GraphQL
  • Learn Node
  • Command Line Power User
  • Sublime Text Power User

Egghead
https://egghead.io/courses/functional-programming-in-javascript-with-ramda-js
https://egghead.io/courses/getting-started-with-algolia-instantsearch-js

Code academy Promo sometimes for pro plans + hard to know wht is free what is not without an account

Paid

Frontend masters

Frontend masters courses

this guy Books and courses

Blogs

https://www.valentinog.com/

Zen of programming by Ali

Flavio
The JS course

--

To explore

this
this

Mono-themes resources

HTML

CSS

this
this
this
this
this

Effects
https://cssfx.dev/

flexbox \ grid

https://flaviocopes.com/css-centering/

JavaScript

this
this

debugging

Samantha Ming

https://medium.freecodecamp.org/learn-modern-javascript-in-this-free-28-part-course-7ec8d353eb on scrimba

https://flaviocopes.com/javascript/

https://github.com/leonardomso/33-js-concepts

React

Dan Abramov's blog Overreacted

this
fCC course on [youtube)(https://www.youtube.com/watch?v=DLX62G4lc44)

https://overreacted.io/how-does-react-tell-a-class-from-a-function/

Hooks

https://www.valentinog.com/blog/hooks/
https://egghead.io/courses/simplify-react-apps-with-react-hooks
https://blog.logrocket.com/practical-react-hooks-how-to-refactor-your-app-to-use-hooks-b1867e7b0a53
https://www.robinwieruch.de/react-state-usereducer-usestate-usecontext/

Articles

https://medium.freecodecamp.org/portfolio-app-using-react-618814e35843
https://medium.freecodecamp.org/building-a-modern-chat-application-with-react-js-558896622194

redux

https://www.valentinog.com/blog/redux/
https://medium.freecodecamp.org/an-intro-to-redux-and-how-state-is-updated-in-a-redux-application-839c8334d1b1

GraphQL - Apollo

https://flaviocopes.com/apollo/

https://www.robinwieruch.de/why-graphql-advantages-disadvantages-alternatives/

https://egghead.io/courses/graphql-data-in-react-with-apollo-client

Node

fCC Node on youtube

JAMstack

Copy-paste the resrouces in the log ;-)

https://flaviocopes.com/jamstack/

https://medium.freecodecamp.org/an-introduction-to-the-jamstack-the-architecture-of-the-modern-web-c4a0d128d9ca

Gatsby

https://www.freecodecamp.org/news/great-gatsby-bootcamp/ on youtube

CLI, Shell & Unix

Webpack

Eve Porcello on Lynda &

The Net Ninja

https://www.robinwieruch.de/minimal-react-webpack-babel-setup/

http://jonathancreamer.com/how-webpack-decides-what-entry-to-load-from-a-package-json/

Git & GitHub

Udacity
Udacity

https://twitter.com/freeCodeCamp/status/1097300667260174337?s=20

https://vickylai.com/verbose/git-commit-practices-your-future-self-will-thank-you-for/

https://medium.freecodecamp.org/the-essential-git-handbook-a1cf77ed11b5
https://medium.freecodecamp.org/a-beginners-guide-to-git-how-to-create-your-first-github-project-c3ff53f56861
https://medium.com/p/the-basics-of-version-control-git-commands-in-less-than-10-minutes-c53922625a73 ??? link broken

https://egghead.io/courses/productive-git-for-developers
https://egghead.io/lessons/git-move-some-commits-to-a-separate-branch-that-i-have-accidentally-committed-to-master

CI

https://medium.freecodecamp.org/how-to-setup-continuous-integration-ci-with-react-circleci-and-github-e0efd5040b03

HTTP network

Typescript

https://egghead.io/lessons/react-configure-typescript-for-react-and-jsx

https://egghead.io/courses/practical-advanced-typescript

https://medium.freecodecamp.org/how-to-wrap-your-head-around-typescript-generics-8d243f7de78

https://flaviocopes.com/typescript/

https://egghead.io/courses/up-and-running-with-typescript
https://dev.to/borrellidev/a-complete-introduction-guide-to-typescript-4a66

API ti use in projects

https://dog.ceo/dog-api/

https://hackr.io/