The MERN masterclass: A course in fullstack Javascript

Focused View

Jens Christian Thiemann Hetland

26:16:24

97 View

1. Introduction

1. Welcome To The Course!.mp4

00:39

2. A Quick Overview.mp4

01:15

3. Resources For This Course.html

2. React And Node Go Hand In Hand

1. Easing Into The Command Line.mp4

02:36

2. What Is Node.mp4

07:44

3. Making Your First React App.mp4

03:58

4. Adding Substance To Your Page.mp4

07:26

5. How Hooks Add Dynamics.mp4

06:29

6. Challenge Which Commands Did We Use.html

3. React With Routes

1. Making A New Component.mp4

04:43

2. Routing In Action.mp4

04:13

3. Abstracting The Routes.mp4

02:25

4. Challenge Recall The Library.html

5. (Optional) Classes vs Functional Components.mp4

02:06

4. The Backend

1. Why The Backend Exists.mp4

02:19

2. Setting Up An ExpressJavascript Backend.mp4

07:24

3. Making The Backend Responsive.mp4

09:30

4. Testing With Postman.mp4

06:39

5. Challenge Do you know your CRUD.html

5. Front And Back Together

1. Starting With The Back.mp4

18:26

2. Communicating With The Backend The Top Components.mp4

39:21

3. Communicating With The Backend Filling Out The Form.mp4

26:28

4. Challenge How Would You Test The Backend With Postman.html

6. Databases In The Cloud With MongoDB

1. Make Your First Database.mp4

03:14

2. Creating Models For The Database.mp4

14:08

3. Interacting With The Model.mp4

17:12

4. Bringing It To The Frontend The Main Page.mp4

23:24

5. Bringing It To The Frontend Filling Out The Rest.mp4

35:01

7. Your First Complex MERN Website

1. Model Buildup Strategy.mp4

01:05

2. Preparing The Ground Models.mp4

31:45

3. Making The Dependent Models.mp4

28:59

4. A Magnificent Frontend Setting Things Up.mp4

15:47

5. A Magnificent Frontend The Interface.mp4

01:12:58

6. Challenge Implement Your Own Model And Fix The Bug.html

8. Remember With Redux

1. How React Passes Around Info.mp4

01:31

2. How Redux Works.mp4

04:01

3. An Implementation Of Redux The Backend.mp4

19:29

4.1 app.zip

4.2 form.zip

4.3 home.zip

4.4 index.zip

4.5 list.zip

4. An Implementation Of Redux The Fantastic Frontend.mp4

01:13:39

5. Challenge Implement an item in redux.html

9. Making Users

1. How Does The User System Work.mp4

04:44

2. Using PassportJS With Express.mp4

01:38:56

3. Prodding And Testing The User API.mp4

18:28

4.1 app.zip

4. Users On The Frontend Part 1.mp4

52:00

5. Users On The Frontend Part 2.mp4

58:36

6. Users On The Frontend Part 3.mp4

01:02:38

7. Restricting Access.mp4

21:03

8. Making An Admin.mp4

20:03

9. Testing For Potential Weaknesses.mp4

05:46

10. Challenge What did we do.html

10. The Finale

1. What We'll Be Doing.mp4

01:47

2. What We'll Need.mp4

03:03

3.1 endpoints spottyfly all.zip

3.2 erd for spottyfly.zip

3.3 favicon.zip

3.4 frontend.zip

3.5 listening-music-headphone.zip

3.6 logo192.zip

3.7 logo512.zip

3.8 spottyfly_transparent_cropped.zip

3. Helpful diagrams and images for the finale.html

4.1 app.zip

4.2 index.zip

4.3 navbar.zip

4.4 playlists.zip

4. The css for the finale.html

5. Starting Out.mp4

13:29

6. The Preliminary User Interface.mp4

01:13:44

7. The User Forms.mp4

48:34

8. Behind the Admin Curtain.mp4

13:59

9. Why We Use Cloudinary.mp4

02:03

10. Interacting With Cloudinary.mp4

14:39

11. Making The Models.mp4

11:22

12. Testing The Song CRUD.mp4

28:13

13. The Song CRUD Backend.mp4

14:04

14. Testing The Artist CRUD.mp4

18:32

15. The Artist CRUD Backend.mp4

07:13

16. Updating The Redux.mp4

52:53

17. Adding The Admin Interface for SongsArtists.mp4

01:37:48

18. Testing The Playlist CRUD.mp4

19:43

19. Testing User Music.mp4

09:33

20. User Music Backend.mp4

46:58

21. User's Redux.mp4

55:37

22. User Music Frontend.mp4

03:01:24

11. Conclusion

1. Congratulations!.mp4

01:16

12. Extra stuff

1.1 Link to DigitalOcean.html

1. Bonus Using DigitalOcean To Deploy.mp4

22:22

Description

Create 9 different MERN websites, and go from knowing basic HTML, CSS and Javascript to a fullstack web developer

What You'll Learn?

NodeJS
React (for the frontend)
Express (backend)
MongoDB (our database)
PassportJS (login and register system)
Postman (for backend testing)
Material UI
Bootstrap
Storing pictures and video
BONUS: Using DigitalOcean to deploy your website

Who is this for?

Anyone with basic web programming skills that want to take the next step

Beginner developers who are curious about fullstack Javascript

People who know React, MongoDB or Express, and want to use it in fullstack websites

Those who want to learn PassportJS and how to incorporate it into a fullstack website

More details

Description
You're probably here because you have some knowledge of web programming, and know how to use HTML and Javascript to make simple webpages. Or maybe you even have some experience with React, Express or MongoDB?Â Well in this course, you're gonna learn not just how to use them alone, but also how they can work together to make a beautiful fullstack website.

This course takes you through 9 different websites, in progressive difficulty. It teaches you how each component of the MERN stack works by itself, and then integrates each component until we have a fullstack website. We'll also make a user system from scratch, so users can register and log in, and finally we'll integrate that into a site where users can listen to music and make their own playlists.

Here is what you'll get out of it
A look at how to use the command line, for Windows, Mac and Linux
Knowledge of how to make frontends with React, a modern framework
Insight into how an API works, and be able to create API backends with Express
Learn how to use MongoDB to create and store stuff, like users
How to create a login and register system, that you can use in your own websites
Learn the difference between authorization and authentication
Know how MaterialUI and Bootstrap can be used to make the frontend beautiful
How to deploy your website to the web, and how to setup your own server
Who this course is for:
Anyone with basic web programming skills that want to take the next step
Beginner developers who are curious about fullstack Javascript
People who know React, MongoDB or Express, and want to use it in fullstack websites
Those who want to learn PassportJS and how to incorporate it into a fullstack website

User Reviews

Rating

average 0

Total votes0

Focused display

Web programmer with experience in things ranging from Windows and Linux to MERN and much, much more. Have also used some RPis and Arduinos to make stuff, and have experience tinkering with electronics.Also used to fooling around with Python and machine learning (both Tensorflow, sklearn and PyTorch), and have taught both Python and Java to others before.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.