road-to-frontend

My attempt at crash coursing this probably common journey at understanding modern frontend development. Mind you that i've been doing web/system related development for almost 8 years, but it feels like I barely scratched many of them. I've heard and used some of these tools, but my fundemantal for frontend is still like super behind. For eg. I never really used build tools before, or built a frontend app from scratch before, or even used es6 import export. These are from my understanding, so please don't mind me, but help me. The chapter 0 is loaded with the super fundemental. So hop on to whichever you want to start from.

So, introducing frontend from super basic.

Chapter 0 : HTML, CSS, Javascript, git

  • what are they
    • html, css, javascript?
  • the state of cross-platform app development
    • phone-gap, cordova, electron, ionic, react-native
    • history of node.js (optional?)
  • git crash course
    • the why
    • remote, add, commit, push, pull
    • github, bitbucket

Chapter 1 : ES6

  • script types
  • modules, import, export
  • let, const, scope

Chapter 2 : NPM

  • init
  • install
  • package.json
    • main
    • scripts
    • dependencies & dev dependencies
      • --save-dev
  • node_modules
  • ngx

Chapter 3 : Build

  • why do you need a a build
  • dev/production build

Chapter 4 : Webpack

  • config
  • building up your modules
  • webpack config/structures

Chapter 5 : Modern Project Structure

for framework like vue, angular, react, svelte