KHOÁ HỌC LẬP TRÌNH MERN STACK 100% DỰ ÁN THỰC TẾ & CHẤT LƯỢNG

KHOÁ HỌC NÀY PHÙ HỢP VỚI NHỮNG AI?​

Bất kỳ ai có kiến thức cơ bản về lập trình là đều có thể học được khoá này, bởi vì mình sẽ dạy các bạn rất đầy đủ, chi tiết và cẩn thận mọi thứ, cùng code với các bạn từ những dòng code đầu tiên của dự án.

Tuy nhiên mình vẫn recommend các bạn đã học qua HTML – CSS – Javascript cơ bản, như vậy thì đỡ vất vả hơn cho các bạn. Còn Node.js, ReactJS hay MongoDB các thứ…vv thì cứ yên tâm vì mình sẽ có cách dạy thực tế rất thú vị cho các bạn nhé!

mern-stack-trungquandev-youtube-thumnail-awesome-course

NHỮNG GÌ BẠN SẼ HỌC ĐƯỢC TỪ KHOÁ HỌC NÀY

react-icon-trungquandev

ReactJS * Front-end

Các bạn sẽ được mình hướng dẫn phân tích, xây dựng và triển khai giao diện ứng dụng từ những dòng code đầu tiên.
Sử dụng các kỹ thuật lập trình Javascript, ReactJS, React Hooks, React Router, Redux, React Hook Form, Bootstrap, SCSS...vv
Cách tìm và đọc tài liệu, lựa chọn những công nghệ, thư viện cho dự án. Học được cách Design Pattern tổ chức thư mục dự án tối ưu, dễ bảo trì, Clean Code...vv

mongodb-icon-trungquandev

MongoDB * Database

Các bạn sẽ được học cách phân tích một bài toán business tính năng của một ứng dụng cụ thể, từ đó thiết kế ra Database Schema. Rồi áp dụng và triển khai với cơ sở dữ liệu MongoDB.
Khi làm việc với MongoDB, mình sẽ hướng dẫn các bạn cách sử dụng MongoDB Native Driver NodeJS thay vì Mongoose hay bất kỳ một ODM nào khác, vì vậy nên các bạn sẽ nắm được những khái niệm, từ khóa, kiến thức chuẩn của MongoDB nhé.
Ngoài ra, các bạn sẽ còn được học cách quản lý trực tiếp Database với MongoDB Cluster Cloud Platform, hoặc cài đặt MongoDB ở local nếu bạn muốn....vv

github-icon-trungquandev

Github Teamwork chuyên nghiệp

Github đã rất nổi tiếng rồi, nó được sử dụng rộng rãi bởi rất nhiều các công ty, nhưng đối với những bạn mới bắt đầu tìm hiểu về nó thì sẽ khá bối rối không biết làm như nào cho đúng.
Hiểu được những điều này nên trong nội dung khoá học, các bạn cũng sẽ được mình hướng dẫn thao tác, xử lý code với Git - Github như là đang làm dự án Teamwork thực tế nhé.

logo-trungquandev-white-bg-192x192

20 videos bài giảng FREE nhưng cực kỳ chất lượng

Với 20 videos miễn phí mà mình up lên youtube, các bạn có thể trải nghiệm & cảm nhận cách dạy học cực kỳ chi tiết và cẩn thận của mình. Đồng thời, tuy là miễn phí nhưng mình tự tin đảm bảo 20 videos này hoàn toàn có chất lượng hơn hẳn nhiều khoá hiện tại trên mạng, kể cả là những khoá có phí. (Link mình sẽ để ở phần giáo trình bên dưới)

nodejs-icon-trungquandev

Node.js * Back-end

Các bạn sẽ nắm được RESTful API là gì và cách để tạo ra chúng với Framework ExpressJS của NodeJS. Mình cũng sẽ hướng dẫn các bạn rất tỉ mỉ và cẩn thận từ A-Z, từ những dòng code đầu tiên khi bắt đầu khởi tạo cho tới khi kết thúc dự án.
Các bạn sẽ hiểu được bản chất luồng chạy của một API từ đâu tới đâu cũng như cách để triển khai, debug (gỡ lỗi) chúng, đây đều là những kỹ năng mà bất kỳ lập trình viên nào cũng phải nắm được...vv

Xử lý Real-time thời gian thực

Riêng với đặc thù dự án trong khoá học này là ứng dụng quản lý công việc tương tự Trello, nên vì thế mà mình cũng sẽ hướng dẫn cho các bạn cách để tạo ra một ứng dụng có tính năng Real-time thời gian thực nhé.
Cụ thể hơn về tính năng này cho những bạn nào chưa trải nghiệm Trello đó là:
- Khi các bạn thao tác chỉnh sửa, kéo thả các columns, cards thì những người đang online trực tuyến trong cùng board đều có thể thấy được sự thay đổi ngay lập tức mà không cần phải reload lại trang web hay thực hiện bất kỳ một hành động nào khác.

Kinh nghiệm đi làm lập trình dự án thực tế

Rất nhiều kỹ năng chuyên nghiệp và thực tiễn sẽ được mình áp dụng vào khoá học này.
Những gì mình list ra ở trang giới thiệu này là có giới hạn nên các bạn hãy phần nào trải nghiệm những gì mình nói để cảm nhận hơn nữa thông qua 20 videos bài giảng miễn phí trên kênh youtube Trungquandev Official của mình nhé. (Link mình sẽ để ở phần giáo trình bên dưới)

logo-trungquandev-white-bg-192x192

Học Online trực tiếp với mình

Sau khi học xong khoá Start MERN Stack với 20 videos miễn phí, các bạn có thể liên hệ với mình nếu muốn đăng ký học khoá MERN Stack nâng cao nhé. Khoá này mình sẽ mở lớp dạy Online trực tiếp, có test đầu vào cũng như giới hạn số lượng học viên để đảm bảo chất lượng đầu ra. Mình sẽ không nhận dạy đại trà. Để biết thêm thông tin các bạn kéo xuống phía dưới xem tiếp nha.

NỘI DUNG KHOÁ START MERN STACK (20 VIDEOS MIỄN PHÍ)

Dưới đây là outline giáo trình của 20 video miễn phí nhưng cực kỳ nhiều kiến thức chất lượng. Và cho dù mình có nói bao nhiêu đi chăng nữa thì cũng không thể bằng được việc các bạn hãy tự học và trải nghiệm hết khóa nha. 

Lưu ý quan trọng: Việc học khoá Start MERN Stack này cũng là yêu cầu bắt buộc đối với bạn nào muốn học khoá nâng cao trực tiếp với mình nhé, mình sẽ nói rõ hơn ở phần nội dung khoá nâng cao phía dưới.

* Cài đặt các môi trường, Node.JS, Npm, Yarn, quản lý các version Node với NVM.

* Init Project với Create-react-app, xoá bỏ những file không cần thiết, cài đặt node-sass, viết Hello World & run ứng dụng

* Tạo repo trên Github, add Remote vào project, push code lên Github đúng chuẩn.

* Code khung giao diện Trello cơ bản.

* HTML, CSS, JS, SCSS…vv

* Tách nhỏ code thành các Components chuẩn.

* Xử lý Relative Imports

* Cách đặt tên file code sao cho clean, dễ maintain…vv

* Tạo một file dữ liệu mẫu để render vào React Code.

* Xử lý Audit Fix, cài đặt Lodash.

* Kỹ thuật Sort nâng cao – sắp xếp một Array dựa trên một Array khác.

* Cấu hình Eslint cho dự án.

* React-beautiful-dnd vs React-smooth-dnd

* Xử lý State trong React Hook (useState)

* Xử lý State data sau khi kéo thả elements.

* Thao tác data qua lại giữa Parent Component & Child Component. (State & Props)

* Tổng quan về Redux và lý do sử dụng Redux.

* Implement react-bootstrap (react-bootstrap là gì, sử dụng nó để xử lý phần nào Responsive với Container, Col, Row…vv)

* Add new column & các kỹ thuật Javascript xử lý dữ liệu.

* Update & Remove Column.

* Kỹ thuật xử lý Inline Editor

* Html-react-parser, Bootstrap Modal, Bootstrap Dropdown…vv

* Add new Card.

* Xử lý Clone chuẩn một Object với Lodash.

* Khởi tạo ứng dụng Node.js và cấu trúc thư mục chuẩn.

* Quản lý phiên bản Node.js với NVM

* Cài đặt Eslint, cấu hình file .gitignore

* Babel là gì và lý do vì sao mình lựa chọn sử dụng Babel?

* Cài đặt và sử dụng nodemon

* Viết các lệnh script build code ở môi trường dev, môi trường production.

* Xử lý Relative Import cho project Node.js

* So sánh nhanh MongoDB Native Driver với Mongoose

* Tạo tài khoản và cấu hình cơ sở dữ liệu trên MongoDB Cluster Cloud.

* Viết code cấu hình Connect Database & List các Databases.

* Pattern xử lý biến môi trường ENV chuẩn trong Node.JS

* Code Pattern Connect Database chuẩn.

* Design – thiết kế Database Schema

* Validate các Schema

* Viết function tạo mới bản ghi vào MongoDB Cluster Database

* RESTful API code flow.

* API tạo mới Board.

* Create Column – MongoDB insertOne({…})

* Update / Delete Column – MongoDB findOneAndUpdate({…})

* Create new Card

* Viết API get Board theo id và toàn bộ Columns cũng như Cards bên trong Board đó.

* Join trong MongoDB :)))

* Hiểu về MongoDB ObjectID vs String ID

* MongoDB aggregate, $lookup, $push, $match, toArray, to String…vv

* Handle logic data, cấu trúc dữ liệu và giải thuật.

* Cài đặt và sử dụng axios, config API_ROOT

* Xử lý CORS trong dự án Node.js, config WHITELIST_DOMAINS

* Ghép api (Back-end) vào project React app (Front-end)

* Cài đặt và sử dụng Lodash cho project Node.js

* Ghép các API: Create new column, create new card, update column, delete column.

* Rất nhiều kỹ thuật xử lý data nâng cao trong bài này.

* Ghép các API xử lý việc kéo thả Column và Card trong Board.

* Trường hợp update data bị lỗi thì UI sẽ xử lý sao cho ứng dụng vẫn chạy mượt mà.

* Kinh nghiệm tối ưu việc xử lý data, tối ưu việc gọi API để ứng dụng chạy nhanh hơn.

* Code giao diện cho 2 thanh App BarBoard Bar

* Deploy ReactJS Front-end lên Firebase của Google (Free version)

* Deploy Node.js Back-end lên Heroku (Free version)

* Rất nhiều kỹ năng xử lý các vấn đề gặp phải khi deploy ứng dụng sẽ được mình hướng dẫn trong bài giảng này.

Link tới khoá Start MERN Stack – Trungquandev

Các bạn nhớ đăng ký kênh và bật thông báo để không bỏ lỡ những video chất lượng nào của mình ra trong tương lai nha ^^

– – – – 

Youtube playlist: MERN Stack – Coding Trello app from scratch by TRUNGQUANDEV

– – – – 

NỘI DUNG KHOÁ MERN STACK NÂNG CAO​

Ở khoá MERN Stack nâng cao này, các bạn sẽ được học Online trực tuyến với mình, một lớp mình chỉ nhận tối đa 7-10 học viên để có thể support các bạn tốt nhất, đảm bảo chất lượng đầu ra. Không lãng phí tiền của các bạn.

Về chi phí: Đang cập nhật (dự kiến tháng 10-11/2021)…

Về giáo trình: Đang cập nhật (dự kiến tháng 10-11/2021)…

– Yêu cầu để học khoá nâng cao: Các bạn phải hoàn thành 20 videos miễn phí ở khoá Start MERN Stack trên kênh youtube Trungquandev Official của mình trước nhé.

HỌC VIÊN CỦA MÌNH NÓI GÌ?​

Dưới đây sẽ luôn là 100% review thực tế từ những học viên của mình, các bạn ấy nói gì về khoá học? Nói gì về giảng viên? (là mình)

– Tất cả reviews sẽ được mình cập nhật đều đặn vào slide bên dưới nhé.

– (Lưu ý: Do ảnh chụp ngẫu nhiên các cuộc trò chuyện nên kích thước sẽ khác nhau, các bạn thông cảm nha ^^)

Thông tin giảng viên

trungquandev-avatar-2021

Trung Quân (trungquandev)

Full-stack Web Developer & Trainer

Để có một cái nhìn toàn diện nhất về giảng viên (là mình) các bạn vui lòng click qua trang CV Online trực tuyến này của mình để xem đầy đủ tất cả nhé.

Ngoài ra dưới đây sẽ là những liên kết tới các trang mạng xã hội chính thức của mình, các bạn có thể liên hệ với mình qua những kênh chính thức bên dưới nhé.

Qua một ngày, chúng ta học thêm được gì mới hay "lặp lại" ngày hôm qua?

A little bit of fragrance always clings to the hands that gives flowers!

NHỮNG CÂU HỎI THƯỜNG GẶP

Thank you for reading!

 * Cảm ơn các bạn đã theo dõi bài viết giới thiệu khóa học này cũng như blog chính thức trungquandev của mình, chúc các bạn một ngày tốt lành!

* À nếu bạn nào thắc mắc, thì chiếc ảnh bên dưới chính là mình đang ngồi code theo phong cách vẽ Anime nhé :))

 

– “You’re a flower on earth, let’s make your life beautiful and meaningful !” –

 

Sincerely,

https://trungquandev.com

https://cv.trungquandev.com

trungquandev-cover-animation