Full Stack Engineer resources

Resources.md

Resources

1. Command line interface

1. https://learnpythonthehardway.org/book/appendixa.html
2. https://www.youtube.com/watch?v=cBokz0LTizk
3. https://www.youtube.com/playlist?list=PLW5y1tjAOzI2ZYTlMdGzCV8AJuoqW5lKB
4. https://www.learnenough.com/command-line-tutorial

2. GIT

1. https://www.youtube.com/watch?v=NcoBAfJ6l2Q
2. https://git-scm.com/book/en/v2
3. https://www.youtube.com/watch?v=SWYqp7iY_Tc

3. HTML and CSS

1. https://learn.shayhowe.com/html-css/ (Everything in this)
2. https://learnlayout.com/ (Everything in this)
3. https://learn.shayhowe.com/advanced-html-css/responsive-web-design/ (only responsive web design)
4. https://css-tricks.com/css-media-queries/
5. https://css-tricks.com/snippets/css/a-guide-to-flexbox/
6. https://css-tricks.com/snippets/css/complete-guide-grid/
7. https://www.youtube.com/watch?v=zFZrkCIc2Oc
8. https://blog.froont.com/9-basic-principles-of-responsive-web-design/
9. https://www.freecodecamp.org/news/everything-you-need-to-know-about-css-variables-c74d922ea855/
10. https://css-tricks.com/beyond-media-queries-using-newer-html-css-features-for-responsive-designs/

Practice:

1. Responsive HTML & CSS Website https://www.youtube.com/watch?v=Wm6CUkswsNw
2. Flexbox: https://flexboxfroggy.com/
3. CSSGarden: https://cssgridgarden.com/
4. Responsive Website using flexbox and CSS Gridhttps://www.youtube.com/watch?v=p0bGHP-PXD4

Deep Dive in HTML and CSS

• A great article explaining how to learn CSS https://www.smashingmagazine.com/2019/01/how-to-learn-css/
• If possible go through every property at least once https://css-tricks.com/almanac/
• Good explanation on Box Model https://flaviocopes.com/css-box-model/
• Good explanation on Box Sizing https://flaviocopes.com/css-box-sizing/
• A great resource to Understand subtle UI Animations and Transitions using CSS https://www.joshwcomeau.com/animation/css-transitions/
• Get better understanding of Flexbox using https://flexbox.io/
• Get better understanding of = CSS Grid learning using https://cssgrid.io/
• https://tailwindcss.com/ and their amazing playlist https://www.youtube.com/playlist?list=PL5f_mz_zU5eXWYDXHUDOLBE0scnuJofO0
• Interesting game to master Flexbox https://flexboxzombies.com/p/flexbox-zombies
• Flexbox course with game exercise https://www.samanthaming.com/flexbox30/

3. Javascript

• Basics of JS - https://www.youtube.com/watch?v=hdI2bqOjy3c
• Node.js - https://www.youtube.com/watch?v=fBNz5xF-Kx4
• async and await - https://www.youtube.com/watch?v=Gjbr21JLfgg
• Evolution of asynchronous javascript - https://www.youtube.com/watch?v=gB-OmN1egV8
• Asynchronous Nature of JavaScript - https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous/Concepts
• Promises - https://www.freecodecamp.org/news/javascript-es6-promises-for-beginners-resolve-reject-and-chaining-explained/
• Callbacks - https://www.freecodecamp.org/news/javascript-callback-functions-what-are-callbacks-in-js-and-how-to-use-them/
• Hoisting, scopes and closures - https://ui.dev/ultimate-guide-to-execution-contexts-hoisting-scopes-and-closures-in-javascript/
• Functions, execution context and the call stack - https://www.youtube.com/watch?v=exrc_rLj5iw

4. Javascript Testing

• https://jest.io/
• Jest - https://www.youtube.com/watch?v=7r4xVDI2vho Learn testing using Jest https://www.youtube.com/watch?v=FgnxcUQ5vho&t=301s Important concepts you need to know:

1. https://kentcdodds.com/blog/confidently-shipping-code
2. https://kentcdodds.com/blog/but-really-what-is-a-javascript-test
3. https://kentcdodds.com/blog/but-really-what-is-a-javascript-mock
4. https://kentcdodds.com/blog/how-to-know-what-to-test
5. https://kentcdodds.com/blog/write-tests
6. https://kentcdodds.com/blog/static-vs-unit-vs-integration-vs-e2e-tests
7. https://kentcdodds.com/blog/eliminate-an-entire-category-of-bugs-with-a-few-simple-tools
8. async-await - https://www.youtube.com/watch?v=V_Kr9OSfDeU
9. async-await - https://www.freecodecamp.org/news/javascript-async-await-tutorial-learn-callbacks-promises-async-await-by-making-icecream/

5. SQL and Postgres

1. https://sqlbolt.com/
2. https://pgexercises.com/
3. node-postgres package https://node-postgres.com/

6. Express

1. https://expressjs.com/
2. Express crash course - https://www.youtube.com/watch?v=L72fhGm1tfE
3. Template engines - https://expressjs.com/en/resources/template-engines.html

7. Authentication

1. Passport.js user authentication - https://www.youtube.com/playlist?list=PLYQSCk-qyTW2ewJ05f_GKHtTIzjynDgjK
2. Node.js with Passport authentication - https://www.youtube.com/watch?v=6FOq4cUdH8k
3. https://youtu.be/soGRyl9ztjI - A very simple and good explanation about sessions and JWT.

8. ORM

1. https://mikro-orm.io/
2. https://typeorm.io/#/
3. https://prisma.io/
4. Bookshelf
5. Lucid
6. Sequelize.

9. UI Testing

1. https://testing-library.com/
2. https://www.cypress.io/

10. Search Techniques

Algolia Meilisearch Elasticsearch Lucene Solr

11. React

1. 4 days bootcamp - https://www.youtube.com/watch?v=8GXXGJRDMdQ,https://www.youtube.com/watch?v=NHfRLQuHjsU,https://www.youtube.com/watch?v=Xa3DGGP4mLM,https://www.youtube.com/watch?v=alZur1g2Cnw
2. Crash course - https://www.youtube.com/watch?v=w7ejDZ8SWv8
3. React hooks - https://www.youtube.com/playlist?list=PLZlA0Gpn_vH8EtggFGERCwMY5u5hOjf-h
4. NextJs - https://www.youtube.com/watch?v=mTz0GXj8NN0
5. Redux crash course - https://www.youtube.com/watch?v=9jULHSe41ls
6. Redux for beginners playlist - https://www.youtube.com/watch?v=9boMnm5X9ak&list=PLC3y8-rFHvwheJHvseC3I0HuYI2f46oAK&index=1

Miscellaneous

1. Emmet - https://code.visualstudio.com/docs/editor/emmet
2. Best practices in javascript - https://github.com/ryanmcdermott/clean-code-javascript
3. Relationships in database design - https://database.guide/the-3-types-of-relationships-in-database-design/
4. HTTP status codes - https://httpstatuses.com/
5. color schemes - https://coolors.co/
6. Learning how to learn - https://www.joshwcomeau.com/blog/how-to-learn-stuff-quickly/