Improve front-end training
This commit is contained in:
parent
3d81dbde14
commit
4d965a996a
@ -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:
|
||||
|
||||
|
@ -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:
|
||||
|
@ -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 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/)
|
||||
|
Loading…
Reference in New Issue
Block a user