Lập trình viên Web với Nodejs, Reactjs, Express và MongoDb

Phần 1: HTML5, CSS3, Javascript

• Introduction to the Web and HTML5
• Formatting Text and Using Hyperlinks and Anchors 
• Introduction to CSS3
• Formatting Using Style Sheets
• Displaying Graphics and CSS3 Animation 
• Understanding Layouts in CSS3 
• New Features of CSS3
• HTML Layout, Forms, and Elements 
• HTML5 Tables, Audio, and Video 
• JavaScript - I 
• JavaScript - II 
• ECMAScript 2022 and its New Features 
• Canvas and Web Storage in HTML5 
• HTML5 Geolocation and APIs 
• Building Mobile Websites

Phần 2: UI / UX for Responsive Web Design

• Introduction to User Interface Design 
• Introduction to User Experience Design 
• Understanding Responsive Web Design 
• Understanding Strategies for Responsive Web Design
• Using Common RWD Patterns in Mobile Designs 
• Usability Studies in Responsive Web Design 
• Understanding the Figma Tool 
• Designing Websites with Figma Tool 

Phần 3: Data Management with SQL Server

• RDBMS Concepts 
• Entity-Relationship (E-R) Model and Normalization 
• Introduction to SQL Server 2019 
• Transact-SQL 
• Creating and Managing Databases 
• Creating Tables 
• Azure SQL 
• Accessing Data
• Advanced Queries and Joins 
• Views, Stored Procedures, and Querying Metadata 
• Indexes
• Triggers
• Programming Transact-SQL 
• Transactions
• Error Handling 
• Enhancements in SQL Server 2019 
• PolyBase, Query Store, and Stretch Database 

Phần 4: Frontend Web Development with React 

4.1 Introduction React

• Introducing React
• How to write JSX
• Writing your first ReactJS HTML page: Introducing your information

4.2 React - Các khái niệm chính

• Giới thiệu Component & Cách tạo Component
• Hiểu về trình tự hoạt động của một Component
• Tạo & Sử dụng Properties của Component
• Quản lý State (Trạng thái) của một Component
• Hiểu trõ bản chất chu kỳ hoạt động của một Component (Component Lifecycle)
• Cách Mount / Unmount một Component
• Tối ưu hóa với Components với React.useCallback, React.useMemo, React.memo
• Component lồng nhau (Nested Components).
• Vận dụng tính năng mới React Hooks, HOCs, ...
• Làm việc với Networking, gọi API từ xa (Sử dụng Axios, React-Query)

4.3 Làm việc với React Router version 6.x

• Setup
• Adding a Router
• Xử lý Not Found Errors
• Cài đặt Nested Routes
• Xử lý Parameters
• Khai thác Hooks
• Sử dụng các Router components

4.4 Làm việc với Form trong React (Formik / React-Hook-Form)

• Setup
• Làm việc với các thành phần của Form
• Xử lý Validate với thư viện Yup Schema Validation
• Khai thác Hooks

4.5 Quản lý trạng thái với Redux & Zustand

• Tại sao phải dùng Redux?
• Cài đặt Redux.
• Các hàm trong Redux.
• Khởi tạo Reducer & truy cập State của ứng dụng.
• Dispatching & Handling các Actions.
• Redux: Thêm phần tử vào mảng.
• Redux: Cập nhật / Xóa phần tử trong mảng.
• Làm việc với nhiều Reducers, nhiều Modules.
• Asynchronus actions (Redux Thunk).
• React-Redux: Provider & Connect & Redux Hooks.
• Sử dụng thư viện Zustand

4.6 Vận dụng các thư viện UI / UX

• Ant Design
• Material Design

Phần 5: Web, RESTful API with Expressjs

• Basics of Nodejs
• Routing
• HTTP Methods (GET / POST / PUT / PATCH / DELETE)
• Middleware (Logs / Authentication)
• Error handling

Phần 6: NoSql with MongoDB (Mongoose), SqlServer with TypeOrm

6.1 NoSql với MongoDB (Mongoosee)

• Create database & collections
• Data Schematypes
• Data Model
• Data Validators
• Insert, Update, Delete, and Query documents
• Projection, limit records, skip records, sort records, indexing, aggregation

6.2 Sql Server với TypeOrm

• Working with Sql Server using TypeOrm
• Insert, Update, Delete, and Query data
• Entity Manager and Repository
• Query Builder

Phần 7: Advanced: JWT, Upload files, Socket

• Hiểu và triển khai cơ chế bảo mật với JWT
• Thực hiện các kỹ thuật upload files
• làm việc với cơ chế Realtime với Socket.io

Phần 8: Next.js

8.1 Căn bản với Next.js

• Giới thiệu NEXTJS
• Quản lý Pages trong NEXTJS
• Data fetching (getServerSideProps, getStaticPaths, getStaticProps, )
• Routing (Dynamic Routes, Imperatively Shallow Routing)
• API Routes

8.2 Các kỹ thuật nâng cao

• Authentication
• Advance features
• Triển khai Next.js lên VERCEL

Phần 9: Deploy web project to Heroku / Vercel / Netlify

• Build project to deploy Production
• Publish to Cloud

Phần 10: Final Projects (03 projects)

• RESTful API project with Express.js
• Website (front-line) project with Next.js
• Web application (back-office / admin) project with React.js

Phần 11: Soft Skill

• Các kỹ năng viết hồ sơ
• Kỹ năng phỏng vấn xin việc