Improve front-end training

This commit is contained in:
Charles-Axel Dein 2020-10-06 11:26:09 +02:00
parent 3d81dbde14
commit 4d965a996a
3 changed files with 24 additions and 6 deletions

View File

@ -747,6 +747,7 @@ Other assessments:
- [ES2015 / ES6: Basics of modern Javascript](https://www.slideshare.net/WojciechDzikowski/es2015-es6-basics-of-modern-javascript)
- [JavaScript](https://en.wikipedia.org/wiki/JavaScript), Wikipedia
- [mbeaudru/modern-js-cheatsheet](https://github.com/mbeaudru/modern-js-cheatsheet)
- [The vanilla Javascript basics to know before learning React JS - DEV](https://dev.to/tracycss/the-vanilla-javascript-basics-to-know-before-learning-react-js-53aj)
Future changes:

View File

@ -3,17 +3,27 @@
## Table of Contents
- [An introduction to React](#an-introduction-to-react)
- [Recap of the previous session](#recap-of-the-previous-session)
- [Before getting into React...](#before-getting-into-react)
- [Manipulating the DOM](#manipulating-the-dom)
- [The inspiration for React](#the-inspiration-for-react)
- [The shadow DOM](#the-shadow-dom)
- [Learning React](#learning-react)
- [Exercise](#exercise)
- [Self-assessment](#self-assessment)
<!-- END doctoc generated TOC please keep comment here to allow auto update -->
# An introduction to React
## Recap of the previous session
See previous session
- Arrow functions
- Classes
- `let` and `const`
- Object and array destructuring
- Template literals
## Before getting into React...
### Manipulating the DOM
@ -21,14 +31,16 @@
- https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Manipulating_documents
- https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction
### The inspiration for React
### The shadow DOM
## Learning React
Follow the tutorial: https://reactjs.org/docs/hello-world.html
We have chosen this tutorial over the "learn by doing" one because it introduces the concepts behind React. It is very well done and very complete.
## Exercise
Use one of our hiring exercises.
## Self-assessment
Basics:

View File

@ -5,6 +5,7 @@
- [TypeScript](#typescript)
- [Differences between TypeScript and JavaScript](#differences-between-typescript-and-javascript)
- [An introduction to TypeScript's type system](#an-introduction-to-typescripts-type-system)
- [Exercises](#exercises)
- [References](#references)
<!-- END doctoc generated TOC please keep comment here to allow auto update -->
@ -15,6 +16,10 @@
## An introduction to TypeScript's type system
## Exercises
- [TypeScript Exercises](https://typescript-exercises.github.io/)
## References
- [ES5 to ESNextheres every feature added to JavaScript since 2015](https://www.freecodecamp.org/news/es5-to-esnext-heres-every-feature-added-to-javascript-since-2015-d0c255e13c6e/)