A collection of files used to facilitate my learning of Front-End languages and practices.
Need to learn / Goals:
- SCSS.
- JS.
- TS.
- Bootstrap.
- React.
SCSS Learning Points:
- Nesting.
- Variables.
- Operators.
- Mixins.
- Flex and Grid.
Vanilla JS Learning Points:
- Primitive and Reference data types.
- Complete ES5, ES6 and ES7 syntactic understanding.
- Understand and use forEach, for of, for in and map loops.
- Using Prototypes.
- The difference between object oriented and functional programming.
- Destructing.
- Exporting and importing/requiring files.
- Classes and Class inheritance.
- Manipulating the DOM.
- Event oriented programming.
- Higher order functions.
TS Learning Points:
- Understanding Types.
- Understanding the compiler.
- Understanding the compiler configuration.
- Workflow optimisation.
- Project folder best practices.
- An in depth understanding of Classes in TS.
- Understanding interfaces.
- Advanced Types.
- Intersection Types.
- Type Guards.
- Discriminated Unions.
- Type Casting.
- Index Properties.
- Function Overloads.
- Optional Chaining.
- Nullish Coalescing. ??
- Generic Types.
- Decorators.
- Namespaces.
- Modules with TS.
- Webpack with TS.
- Using 3rd party JS libraries with TS.
- Using Native TS 3rd party libraries.
- Using TS with React.
- Using TS with Node.js and Express.
Bootstrap Learning Points:
- CDN vs NPM install.
- Syntactic knowledge base.
- Methods.
- Events.
React Learning Points:
- Create-React-App.
- Common packages used with React. IE. Babel, WebPack.
- A comprehensive understanding of JSX.
- Statefull and Stateless, Functional and Class based Components.
- Working with inline styles and Radium.
- Conditional rendering.
- Outputting lists / DNR.
- CSS Modules and Dynamic styles.
- Syntactic and Logic errors.
- Using Dev Tools with React.
- Implementing and using errorBoundaries.
- File Structure & Naming trends.
- Aux and Fragment containers.
- Higher order components.
- Packages such as PropTypes, Axios.
- Using a Context API.
- HTTP requests with lifecycle functions.
- Single page & Multi page applications.
- Code splitting / Lazy loading.
- Dynamic Forms.
- React-Router & React-Router-Dom.
- Redux, React-Redux & Redux-Thunk.