Mô tả

Quickly learn the fundamental of building a robust RESTFul API with NodeJS based on an efficient professional architecture pattern, and then, see how to plug your API with a client which you will also learn how to build. A client built with the latest React and Bootstrap versions.


You will learn how to build a backend API from scratch and build a client that will speak to your API through HTTP protocol.


  • Communicate with your backend. HTTP and HTTP methods and codes.

  • How to validate the input data validation.

  • How to request some API endpoints easily

  • How to test your API gradually.

  • How to design a flexible and solid API architecture.

  • How to secure and optimize your API professionally (with the packages you absolutely need to know).

  • CORS on your API.

  • Building a client from scratch with React JS.

  • Calling the CRUD (Create-Read-Update-Delete) endpoints from your client.

  • How to document the API endpoints with JSDoc and OpenAPI.

  • And so much more will be covered in this course.


This JavaScript course will also cover some great packages that will change your life during the development of an API efficiently.


You will learn to create very easily a design in a matter of minutes, without any complicated CSS (just a few reusable components).


You will learn how to embrace the power of "styled-components".


You will be able to add as many pages as needed in your React application thanks to React Router Dom.


At the end of this course, you will be comfortable enough to create an API from scratch by yourself, implement new endpoints, being comfortable with many packages (such as logging, rate-limiter, Yup schema validation, ...).

Icing on the cake, you will be confident to create a frontend client from scratch and use those endpoints to interact with the backend on your frontend JavaScript application.


At the end of the course, you will even learn how you can create different unit tests for your API.

Bạn sẽ học được gì

Capacity to quickly build a backend API for any kinds of projects and MVPs

Create API endpoints, test an API and secure it

Capacity to build a client React application and plug it to an API

HTTP Client Axios package as well as Fetch Native JS API

Clean Code and Good Coding Practices in NodeJS and RESTful API architecture

Software Architecture: Learn the n-tier and layered architecture pattern

Calling an API from the client-side and dealing with CORS from the Web browsers

Implementing unit tests to the API with AVA test runner

All the little things you ABSOLUTELY need to know for taking your skills to the next level and becoming an outstanding Web developer

Implementing several NPM packages such as Pino, Yup, Toastify, React Content Loader, and so on!

Securing and optimizing an API on production with Rate Limiter, Helmet and Compression

Documenting an API professionally with JSDoc and OpenAPI

React Bootstrap v5 (in your React components!)

Yêu cầu

  • Basic knowledge of programming (using a code editor, installing Web extensions, ...)
  • Basic knowledge of JavaScript and CSS
  • A text editor/IDE (Visual Studio Code, WebStorm, IntelliJ, Sublime, ...)

Nội dung khoá học

6 sections

Introduction

1 lectures
Project Introduction
02:25

NodeJS Backend API

19 lectures
Create a Node project from scratch
02:11
Pre-checks. Environment Setup
04:07
NodeJS, NPM, Git, and Git Config
04:16
Install necessary NPM packages
18:42
Install Nodemon for automatically reload any changes
02:20
Our first file (server.js)
04:32
Let's speak with our backend (API)
08:59
Insomnia - Postman - REST clients for making HTTP requests very easily
05:28
HTTP Status Codes - Let's make them readable
05:09
API Endpoints
09:49
Let's design the architecture of our Simple API
10:16
Part 1 - Create a solid and flexible architecture for the API
47:05
Part 2 - Create a solid and flexible architecture for the API
01:03:04
Validate our endpoints
41:02
Secure our API - Potential Vulnerabilities
02:42
Let's briefly see JSDoc and OpenAPI
09:06
Let's git commit our simple RESTful API
02:25
Rate limiting and compressing your API
08:45
Adding Pino logging library for our NodeJS API
15:17

Frontend React Client

21 lectures
Let's create our client React app
08:24
UsersList, Axios/Fetch and Installing dependencies
04:11
UsersList component - Implementation
19:44
Enhance UsersLis component
07:46
React Styled-Components
15:32
Use React Router
14:21
Create User component
20:19
Toastify messages and hadling error messages from API
30:45
Retrieve a user from our React component
41:19
Refactoring Layout-Navbar
26:00
Re-organized React client into multi-tiers
22:52
Edit a User
55:03
Delete a User
34:32
Footer and static pages
32:37
Optional - Convert axios with native JS Fetch
13:18
Enhance footer, little CSS/HTML tricks
01:30
Handle nicely an error message when no users on homepage
17:56
Enhancement, part 1 - Have a loading spinner when retrieving users
25:31
Enhancement, part 2 - Fixing the content loader not showing the error messages
03:49
Usage of the `finally` block in JS and how we can implement it
02:49
Enhance UsersList - Fix Bootstrap Row usage and Refactor into new User component
08:23

Unit tests (API)

3 lectures
Adding unit tests for our backend API
18:29
Enhance test "must get all users"
04:07
JavaScript testing Frameworks - The list and their usage
00:32

Source Code / GitHub Repositories

2 lectures
Part 34 - Pushing your code to GitHub
07:48
Source Code Repository + Community
00:16

Resource & Beyond

5 lectures
Where to Follow Me + Resources
00:15
List of JavaScript Sandboxes (handy for quick debugging)
00:10
BONUS: The VS Code Extensions!
00:26
BONUS: Apps I use on my macOS (to be efficient and enjoy the work!)
00:46
BONUS: My favorite resources to stay up-to-date
00:16

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.