Pré-requis
avoir git initialisé son projet (à la racine)
avoir un dossier CRA nommé client/
avoir vérifié que client/.git n'existe pas (sinon le rm -rf client/.git)
Steps
Créer son app sur Heroku (par ex myapp) : https://dashboard.heroku.com/
Antoine BERNIER changed 3 years agoView mode Like 1 Bookmark
==C'est une fonction passée en paramètre== (à une autre fonction), comme dans cet exemple où une fonction est passée à .addEventListener :
btnEl.addEventListener('click', function () {
alert("Just clicked the button !!!");
});
console.log("THE END")
:bulb: notre fonction de callback est ici une fonction anonyme, ie: sans nom
Antoine BERNIER changed 4 years agoView mode Like 1 Bookmark
:::info
ORIGINAL FRENCH VERSION:
https://www.notion.so/abernier/Tech-interviews-0b8e0095df1f49f5a8ef14e21313cc93
:::
Learning Goals
We are going to coach you on 4 possible formats:
Show me the code
Coding challenge
Antoine BERNIER changed 5 years agoView mode Like 1 Bookmark
Learning Goals
After this lesson, you will be able to:
Make a request to a REST API using axios
Understand how to integrate backend and frontend parts of your application
Introduction
In this lesson, we will build a simple React application to consume our REST API. We will have a page showing all the projects in the database. Selecting one of them will show all the tasks and its details and will allow you to edit and delete projects as well as the tasks inside the projects.
Let's start with creating the React app using CLI command:
Learning Goals
After this lesson, you will:
Understand what JavaScript frameworks (and libraries) are and why we need them.
Understand what a Single-Page Application (SPA) is.
Render our first Hello World using React
Learn about the features of React
Create our first React app from scratch
Dans le module 2, nous avons codé des applis Node.js.
Voir dans quelle branche on se trouve
$ git branch
christmas-feature
* master
easter-egg
:point_right: Nous sommes ici dans la branche master, repérée par l'*
:::info
:bulb: La branche master est la branche par défaut sur tous les repositories
Learning Goals
After this lesson, you will be able to:
Understand what Heroku is and why we should use it to deploy our applications.
Understand what Environment Variables are, how to use them, and why it's very important to keep them in mind.
Configure our environment to be able to deploy web applications to Heroku.
Deploy our website to Heroku.
Deploy our database using the Heroku MongoLab addon.
Introduction
Register the service
Go to mongodb.com/cloud/atlas and Start Free.
Register an account:
Accept the TOS:
Create a cluster
Once registered, click the Create a cluster in the FREE section:
Antoine BERNIER changed 5 years agoView mode Like 1 Bookmark
Learning Goals
After this lesson, you will be able to:
Query a database inside routes
Pass data from a query to our render views
:::info lecture
Recap d'architecture :
:::
Learning Goals
After this lesson you will be able to:
Understand how GET methods works
Learn how to send data from the browser to the server
Learn how Route Params works
Learn how Query Strings works
Understand the difference between route and query params
Introduction
Antoine BERNIER changed 5 years agoView mode Like 1 Bookmark
Learning goals
After this lesson, you will be able to:
Import a database into Mongo
Understand how to update and remove documents from your database using Mongo Compass
Learn how to query documents using equality conditions
Understand how the $and, $or, $ne, $nor operators work
Learn about Mongo Compass query Options such as projections, sort, limit and skip
Understand elements, array, and comparison query operators.
Understand how to implement advanced query operators.
Antoine BERNIER changed 5 years agoView mode Like 1 Bookmark
Learning Goals
After this lesson, you will be able to:
Explain what Databases are and why we need them
MongoDB Server: Install, configure, launch/stop
MongoDB Compass: Install, connect to MongoDB
Create your first Database, Collections, and Documents
Use different MongoDB Data Types
Introduction to Databases
Learning Goals
After this lesson you will be able to:
Create layouts using .hbs.
Skip the layouts on certain routes.
Register and create partials.
Use the partials wherever you want on your hbs files.
Introduction
:::info lecture
Learning Goals
After this lesson you will be able to:
Create views in Express.
Understand what dynamic templates are and why we use them.
Understand and use HandlebarsJS for creating dynamic templates.
Use if, with and each block helpers.
Introduction
ExpressJS can send text to the browser with just a few lines of code: