https://github.com/raminmammadzada/frontendmasters-course-notes
I use this repo for taking my notes for JS learning with the help of frontendMasters.com.
https://github.com/raminmammadzada/frontendmasters-course-notes
aws es6 js linux nodejs react scss webpack
Last synced: about 1 year ago
JSON representation
I use this repo for taking my notes for JS learning with the help of frontendMasters.com.
- Host: GitHub
- URL: https://github.com/raminmammadzada/frontendmasters-course-notes
- Owner: RaminMammadzada
- Created: 2020-12-24T12:08:33.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2021-04-03T19:52:44.000Z (about 5 years ago)
- Last Synced: 2025-04-22T00:41:54.293Z (about 1 year ago)
- Topics: aws, es6, js, linux, nodejs, react, scss, webpack
- Language: JavaScript
- Homepage:
- Size: 8.99 MB
- Stars: 9
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## The FrontendMasters Courses' Notes
These are my course following notes related to my Javascript, Node & Fullstack development during my studies in [https://www.frontendmasters.com](frontendmasters.com) webpage and [Armagan Amcalar](https://www.youtube.com/playlist?list=PL9pDl_Oth4cqVnLrf5DCK4a_HhoAEhV4a) Youtube playlist.
### JS and NodeJS courses
- [x] Sean Larkin - [Webpack 4 Fundamentals](https://frontendmasters.com/courses/webpack-fundamentals/)
- [Slides (Google Slides)](https://docs.google.com/presentation/d/1hFtMCMo62DgOIc-9OwgaVwPZHwv1cgMELArHcMbXlSI/edit#slide=id.g15e96ef847_0_0)
- [Code Exercises (Github)](https://github.com/thelarkinn/webpack-workshop-2018)
- [x] William Sentance - [Hard Parts: Functional JS Foundations](https://frontendmasters.com/courses/functional-js-fundamentals/)
- [Slides (Google Slides)](https://static.frontendmasters.com/resources/2019-07-31-hard-parts-functional-js/functional-programming.pdf)
- [Code Exercises (Csbin)](http://csbin.io/functional) - [solutions](https://github.com/CodesmithLLC/cs-bin-solutions/blob/master/functional.js)
- [x] William Sentance - [Javascript The hard parts, v2](https://frontendmasters.com/courses/javascript-hard-parts-v2/)
- [Slides (Google Slides)](https://static.frontendmasters.com/resources/2019-09-18-javascript-hard-parts-v2/javascript-hard-parts-v2.pdf)
- [Callback Exercises](http://csbin.io/callbacks)
- [solutions](https://github.com/CodesmithLLC/cs-bin-solutions/blob/master/callbacks.js)
- [Closure Exercises](http://csbin.io/closures)
- [solutions](https://github.com/CodesmithLLC/cs-bin-solutions/blob/master/closures.js)
- [Asynchronicity Exercises](http://csbin.io/async)
- [my solutions](./javascript_the_hard_parts_v2/async_solutions)
- [custom solutions](https://github.com/CodesmithLLC/cs-bin-solutions/blob/master/async.js)
- Useful links:
- [Web APIs](https://developer.mozilla.org/en-US/docs/Web/API)
- [Object.getPrototypeOf()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getPrototypeOf)
- [x] Brian Holt - [Complete Front-End Project: Build a Game](https://frontendmasters.com/courses/front-end-game/)
- [Course note](https://btholt.github.io/project-fox-game-site/)
- [Fox Game codebase](complete_front_end_project_build_game/fox-gam) - my implementation
- [Fox Game codebase](https://github.com/btholt/project-files-for-fox-game) - instructer's implementation
- Useful links:
- [Emmet in Visual Studio Code](https://code.visualstudio.com/docs/editor/emmet)
- [x] William Sentance - [JavaScript: The New Hard Parts](https://frontendmasters.com/courses/javascript-new-hard-parts/)
- [Course slides](https://static.frontendmasters.com/resources/2018-05-23-javascript-new-hard-parts/new-hard-parts-slides.pdf)
- [Iterator Exercises](http://csbin.io/iterators)
- [solutions](https://gist.github.com/aegorenkov/2ae91cabf21223bddca8c5b3ef3ec6f6)
- Useful links:
- [yield](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/yield)
- [ ] Kyle Simpson - [Digging Into Node.js](https://frontendmasters.com/courses/digging-into-node/)
- Useful links:
- Command line section:
- Portable Operating System Interface ( [POSIX](https://en.wikipedia.org/wiki/POSIX) )
- [Babel](https://babeljs.io)
- [Weebpack](https://webpack.js.org)
- [minimist](https://github.com/substack/minimist) - parses argument options easyly
- [yargs](https://yargs.js.org) - simiral to minimist (it wraps on top of minimist)
- [path module](https://nodejs.org/api/path.html) - Node documentation on `path module`.
- [fs module](https://nodejs.org/api/fs.html) - Node documentation on `fs module`.
- Streams section:
- [stream-handbook](https://github.com/substack/stream-handbook) - This document covers the basics of how to write node.js programs with streams.
- [readable.pipe](https://nodejs.org/api/stream.html#stream_readable_pipe_destination_options)
- [stream](https://nodejs.org/api/stream.html) - Node documentation on `stream`.
- [zlip](https://nodejs.org/api/zlib.html) - Node documentation on `zlip`.
- [ ] Scott Moss - API Design in Node.js, v3
- [Course Repo](https://github.com/FrontendMasters/api-design-node-v3)
- Useful links: - [Install MongoDB](https://docs.mongodb.com/manual/installation/) - [mongodb-memory-server](https://www.npmjs.com/package/mongodb-memory-server) - [mLab](https://mlab.com) - Database-as-a-Service for MongoDB
* [ ] Garann Means - [Web UI Architecture](https://frontendmasters.com/courses/web-ui-architecture)
-
* [ ] William Sentance - The Hard Parts of Servers & Node.js
* [ ] William Sentance - The Hard Parts of Object Oriented Javascript, v2
* [ ] Kyle Simpson - Real-Time Web with Node.js
* [ ] Armagan Amcalar - Javascript Crash Course 2019
### Full Stack courses
- [x] Jem Young - [Full Stack for Front-End Engineers, v2](https://frontendmasters.com/courses/fullstack-v2/)
- [Slides (Google Slides)](https://docs.google.com/presentation/d/1Mvf_rOFz1wZeH1irajJqhRQgzid7BkqJBd8wigpz39M/edit#slide=id.p)
- Useful links:
- [VIM Commands cheat sheet](https://linuxmoz.com/vi-commands-cheat-sheet/)
- [Install Fail2ban](https://www.techrepublic.com/article/how-to-install-fail2ban-on-ubuntu-server-18-04/)
- [ExpressJS performance tips](http://expressjs.com/en/advanced/best-practice-performance.html)
- [Difference between Lossy Compression and Lossless Compression](https://www.geeksforgeeks.org/difference-between-lossy-compression-and-lossless-compression/)
- [Maxmind GEOIP database](https://www.maxmind.com/en/geoip-demo)
- [Linux Chmod Permissions Cheat Sheet](https://isabelcastillo.com/linux-chmod-permissions-cheat-sheet)
- [explainshell.com](https://explainshell.com) - write down a command-line to see the help text that matches each argument
- [certbot](https://certbot.eff.org) can be used to add HTTPS to NGINX
- [Electronic Frontiers Foundation](https://www.eff.org) - The leading nonprofit defending digital privacy, free speech, and innovation for 30 years.
- [http/2 and http/1.1 comparison ](https://http2.akamai.com/demo)
- [Titus, the Netflix container management platform](https://netflixtechblog.com/titus-the-netflix-container-management-platform-is-now-open-source-f868c9fb5436)
* [ ] Mike North - Sass Fundamentals
* [ ] Sarah Drasner - Design for Developers
* [ ] Brian Holt - Complete Intro to Containers
* [ ] Steve Kinney - AWS for Front-End Engineers (ft. S3, Cloudfront & Route 53)
* [ ] Kevin Whinnery - Zero to Production Node.js on Amazon Web Services
### React courses:
- [ ] [Kevin Whinnery - Complete Intro to React, v5](https://frontendmasters.com/courses/complete-react-v5/)
- [Course webpage itself](https://btholt.github.io/complete-intro-to-react-v5/)
- [Exercises repo](https://github.com/btholt/complete-intro-to-react-v5)
- Useful links:
- [Emmit Cheetsheet](https://docs.emmet.io/cheat-sheet/)
- [Prettier](https://prettier.io) - to beautify the code
- [Parcel](https://parceljs.org) - it is a bundler like Webpack
- [http://placecorgi.com](Placeorgi) - API for placeholder images
- [Reach Router](https://reach.tech/router/) docs
- [Context](https://reactjs.org/docs/context.html)
### Extra interesting courses:
- [ ] James Halliday - [Introduction to Bash, VIM & Regex](https://frontendmasters.com/courses/bash-vim-regex/)
- [ ] Kyle Simpson - [Exploring Service Workers](https://frontendmasters.com/courses/service-workers/)
- [ ] Kent C. Dodds - [Code Transformation and Linting with ASTs](https://frontendmasters.com/courses/linting-asts/)
- [ ] David Khourshid - [State Machines in JavaScript with XState](https://frontendmasters.com/courses/xstate/)
- [ ] James Halliday - [Networking and Streams](https://frontendmasters.com/courses/networking-streams/)