diff --git a/training/front-end/01-modern-javascript.md b/training/front-end/01-modern-javascript.md index 389cd8e..3c117b4 100644 --- a/training/front-end/01-modern-javascript.md +++ b/training/front-end/01-modern-javascript.md @@ -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: diff --git a/training/front-end/02-react.md b/training/front-end/02-react.md index 8991b78..5e85c8e 100644 --- a/training/front-end/02-react.md +++ b/training/front-end/02-react.md @@ -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) # 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: diff --git a/training/front-end/03-typescript.md b/training/front-end/03-typescript.md index c182956..664f15c 100644 --- a/training/front-end/03-typescript.md +++ b/training/front-end/03-typescript.md @@ -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) @@ -15,6 +16,10 @@ ## An introduction to TypeScript's type system +## Exercises + +- [TypeScript Exercises](https://typescript-exercises.github.io/) + ## References - [ES5 to ESNext — here’s every feature added to JavaScript since 2015](https://www.freecodecamp.org/news/es5-to-esnext-heres-every-feature-added-to-javascript-since-2015-d0c255e13c6e/)