Học React.js thực tế với dự án Shopee Clone TypeScript. Sau khi hoàn thành khóa học, bạn sẽ có lượng kiến thức tương đương 2 năm kinh nghiệm so với các lập trình viên ngoài kia.
Khóa React.js cuối cùng bạn học
Trong khóa học ReactJs này của mình sẽ dạy các bạn tất cả những kiến thức cần thiết từ ReactJs, Typescript, Testing, SEO, Performance,... để bạn có thể phỏng vấn đậu các vị trí Junior, Middle và thậm chí là Senior. Vâng bạn không nghe nhầm đâu, mình tạo ra khóa học này với tham vọng đây là khóa học ReactJs xịn nhất mà bạn có thể tìm thấy được ở Việt Nam.
Mọi chuyện bắt đầu vào những tháng cuối năm 2017, lúc đó thị trường tiền điện tử rất sôi động và bùng nổ. Bạn chỉ cần bỏ số tiền x ra mua 1 đồng tiền ảo là có thể bán với giá 2x hoặc 3x ngay vài ngày sau đó. Điều này được gọi là "Cơn sốt ICO".
Muốn tham gia thì phải có tiền, nhưng mình là một thằng sinh viên năm 3 lại chẳng có nhiều, lúc đó mình chỉ có vài trăm ngàn tiết kiệm trong túi, đủ để thử vận may vài lần.
Sau khi thử tham gia, biết được cơ chế mua bán của website bán coin thời đó, mình tạo ra một tool tự động hóa tác vụ mua theo setup của người dùng. Nói là tool cho sang chứ thực ra nó chỉ là đoạn javascript nhỏ mà mình chỉ mất vài tiếng để code rồi bỏ vào dev tool của Chrome thôi, nó còn chưa được gọi là extension nữa!
Nhưng các bạn biết không, mình bán tool đó cho hàng chục người bằng cách rao trên các group về coin, và nhờ đó nó đem lại cho mình ~1000$ đủ để trang trải học phí thời sinh viên.
Sau này khi đi làm tại công ty đầu tiên, mức lương khởi điểm của mình chỉ khoảng ~7 triệu/tháng, ban đầu mình chủ yếu cắt PSD sang HTML vì các anh trong cty thấy mình cắt nhanh. Sau đó mình được tiếp xúc với Angular và nhanh chóng trở thành một trong những người thành thạo về Angular nhất cty.
Làm ở công ty đầu tiên khoảng 1 năm, mình chuyển qua công ty 2 với vị trí ReactJs (mặc dù chưa làm ReactJS bao giờ) với mức lương khởi điểm là 13 triệu/tháng. Lúc này thi thoảng mình cũng nhận mấy cái job freelance kiếm thêm được khoảng 600$/tuần.
Sau 1.5 năm tại đây mình chuyển sang một công ty khác Tại công ty tiếp theo, thu nhập của mình đột phá lên khá nhiều, và lúc đó lương mình vượt qua ngưỡng 30 triệu/tháng. Dưới đây là thu nhập thực tế mình nhận (Net salary - lương đã trừ cho bảo hiểm, thuế,...) trong nữa tháng.
Công ty trả lương 1 tháng 2 lần và ảnh dưới là trả lương lần thứ 2 trong tháng.
Bạn biết không, tất cả những kiến thức giúp mình đạt được mức lương hơn 30 triệu/tháng đó bao gồm
Những kiến thức trên cũng là những thứ mà nhà tuyển dụng rất cần và mong muốn nhân viên của họ có Và ngay bây giờ, tất cả các kiến thức trên đều được mình gói lại trong khóa học ReactJs Super này, bạn không cần tốn nhiều thời gian tự mày mò nghiên cứu như mình trước đây nữa.
Mình sẽ dạy hết tất cả những gì mà mình tin là sẽ giúp bạn chinh phục được mức lương 25-30 triệu/tháng ở Việt Nam. Nếu bạn làm ở thị trường nước ngoài thì con số sẽ lớn hơn rất nhiều, có thể lên đến 8000$/thángcho level này.
Nội dung được mình thiết kế sao cho mọi level đều có thể học. Nếu bạn chỉ mới biết HTML, CSS, Javascript cơ bản thôi thì mình có những chương đầu dùng để ôn tập các kiến thức nền cho bạn. Còn nếu bạn đã có kinh nghiệm từ 1 năm trở lên có thể skip qua những chương này và học luôn những chương nâng cao phía sau.
Tất cả tài nguyên khóa học sẽ được gói gọn trong này bao gồm group facebook hỗ trợ, group chat, API Document, Github, tài liệu markdown của khóa học
Bạn hãy xem thử cảm nhận của 1 bạn học viên của mình về khóa học khác tương tự (nổi tiếng nhất thị trường)
Khóa học đó chỉ dạy sơ sơ, những thứ căn bản chưa chắc giúp bạn vượt qua vòng phỏng vấn fresher nữa là junior. Trong khi đó, kiến thức trong khóa học của mình bạn sẽ không tìm thấy được ở bất kỳ khóa học nào ngoài kia.
Các bạn học khóa mình xong xin đừng hỏi mình "Có đủ xin được junior không", vì điều này quá dễ.
Đây là chương giúp bạn củng cố kiến thức Javascript trước khi bước vào giai đoạn try hard
Những khóa học ngoài kia mặc định là kiến thức Javascript của bạn đủ để học React cho đến khi học thì bị nó vật cho bầm dập.
Đây là lý do mình đưa chương này vào khóa học của mình, mình muốn các bạn dù chỉ mới có kiến thức Javascript cơ bản vẫn có thể học được. Học xong chương này bạn sẽ vỡ lẻ ra nhiều thứ và code cứng tay hơn nhiều.
Kiến thức Javascript trong chương này bạn phải tìm ở những khóa Javascript nâng cao mới có được
Chúng ta sẽ học nhanh các khái niệm quan trọng nhất của Typescript trong chương này
Tại sao nó chưa đến 1 tiếng đồng hồ? Vì học Typescript là cả một chặng đường dài, mình sẽ khéo léo đưa các trường hợp dùng typescript trong thực tế vào các bài giảng tiếp theo để việc học của các bạn không bị nhàm chán.
Tin mình đi, chỉ cần vài chục phút của mình là đủ chiến rồi 🚀 (không cần dài dòng lan man như những khóa Typescript)
Mình sẽ hướng dẫn các bạn sử dụng các tool như Dev Tool, Postman. Nhiều bạn học xong chương này mới tự hỏi “Tại sao trước giờ không biết đến nó sớm hơn 🤣“
Học NodeJs ư? Các bạn không nhìn nhầm đâu! Vì muốn học Webpack thì các bạn phải hiểu NodeJs.
Phần này sẽ giúp các bạn tạo một dự án với webpack và custom chuyên sâu trong webpack như caching, performance
Các bạn sẽ được học cách cài đặt và sử dụng git trong thực tế. Những case như clone, push, resolve conflict, squash, merge, rebase,... sẽ được mình hướng dẫn và giải thích cực chi tiết trong chương này.
Mua khóa học ReactJs mà như fullstack ý nhỉ 😁
Authentication là một module quan trọng trong một dự án, thường thì các bạn mới sẽ không được làm chức năng này vì nó khá là khó
Nhưng mình sẽ dạy các bạn phần này, thực hành với access token và refresh token tự động luôn.
Trong chương này bạn sẽ có được cái nhìn tổng quan về MPA và SPA. Hiểu được ReactJs là gì và Tại sao lại chọn ReactJs mà không phải Angular hay Vue?
Ngoài ra bạn cũng sẽ biết được những cách setup một dự án React, liệu ngoài dùng Create React App thì có thể dùng React giống như Jquery được hay không? Tất cả sẽ được mình giải thích trong chương này
Những thứ bạn cần để có một môi trường hoàn hảo để code React sẽ nằm trong chương này.
Mình đã làm hơn 3 doanh nghiệp và mình luôn áp dụng cách thức này cho cả team. Mình cam đoan với bạn là nó chất lượng hơn nhiều dự án của các cty công nghệ ở ngoài kia.
Những concept chính về ReactJs như state, lifecycle, uncontrolled component, composition vs inheritance
Bài Thinking in React là thứ mà những khóa học khác không chỉ cho bạn - Đây là lý do nhiều người học xong không làm được
Khuyết điểm của ReactJsvà những cạm bẫy gây nên bug khi dùng css trong ReactJs sẽ được mình giải thích trong chương này
Các bạn sẽ được tiếp cận đến những phương pháp css cho ReactJs: SASS, Inline CSS, Atomic CSS, Styled Component, CSS Module
Bạn sẽ được học “rất kỹ“ về các hook như useState, useEffect, useContext cùng với đó là cách custom hook sao cho có thể tái sử dụng code một cách dễ dàng
Đặc biệt trong phần này mình có đề cập đến những nguyên tắc dùng hook. Đây là thứ các bạn mới hay bỏ qua khi học dẫn đến học xong chả biết cái hook nó hoạt động như thế nào.
Một project TodoList huyền thoại nhưng đã được mình biến tấu, xào nấu. Các bạn học viên của mình học xong chương này nói với mình rằng “tưởng là Todo nhưng không phải là Todo“
Trong phần này mình sẽ hướng dẫn các bạn tư duy phân tích, bóc tách component sao cho khi đi làm, nhìn vào design là biết ngay chúng ta sẽ code như thế nào
Phần này các b��n sẽ được học v�� các kỹ thuật nâng cao trong ReactJs phiên bản mới nhất hiện nay
Ví dụ: memo, ref, context API, useDebugValue, useDeferredValue, React Portal, Error Boundary, Render Props, HOC,...
Đặc biệt trong bài useLayoutEffect bạn sẽ biết được tiến trình paint trong trình duyệt là như thế nào. Đây là một video đào sâu vào cốt lõi của trình duyệt, bạn sẽ được khai thông nhiều thứ sau khi xem bài này 🏆
Mình có thể đưa chương này làm thành một khóa học Redux riêng biệt cũng được, vì lượng kiến thức trong chương này tương đương những khóa học về Redux nổi tiếng ở nước ngoài.
Redux là thứ mà rất nhiều bạn mới học React rối não, nhưng học xong chương này thì tin mình đi, Redux is so easy! Bạn có thể tự tin join và làm bất kỳ dự án nào có áp dụng thư viện Redux
Mình không chỉ dạy bạn Redux nguyên thủy, bạn sẽ được học về bộ công cụ Redux Toolkit và RTK Query mới nhất của team Redux
Phân trang với React Router V6, mình giám chắc với các bạn rằng có rất nhiều khóa học React ngoài kia đang dạy bạn V5 - phiên bản cũ. Bạn code theo sẽ gặp lỗi rất nhiều.
V6 có rất nhiều thay đổi với cách code đơn giản và cải tiến hơn nhiều so với V5. Tất cả sẽ được mình trình bày trong chương này
Đây là signature riêng của khóa học, React Query được coi là phát minh vĩ đại nhất từ khi React Hook ra đời.
Từ khi dùng React Query, mình cảm thấy như đang ở trên mây, sướng vô cùng
Càng ngày càng nhiều công ty chuyển từ Redux sang React Query, vậy nên mình đưa React Query làm state mananger chính cho project Clone Shopee Typescript
Tất cả 6 chương này sẽ giúp bạn có một project Clone Shopee cực xịn xò để viết vào CV và có được tỉ lệ đậu phỏng vấn cao hơn
Trong project này mình sẽ sử dụng:
6 chương này là tổng hợp tất cả những gì mình biết và những gì mình học được sau hơn 4 năm đi làm Front-End
Tóm lại, bạn không cần mất đến tận 4 năm như mình để có được những kiến thức của mình. Sẽ không có bất cứ khóa học nào khác chỉ bạn lượng kiến thức nâng cao như cách mình chia sẻ với bạn trong những chương này.
Đừng sợ nếu bạn không biết một vài thứ trong số đó, vì mình dạy từ đầu mà 🚀
Học xong chương này bạn sẻ hiểu được lý do những bài viết của mình mới viết chưa lâu vẫn lên top google tìm kiếm.
Dưới đây là bài viết của mình lên top 1 từ khóa “deploy nextjs lên vps” ngày 11/1/2023
Không gì khác đó là nhờ SEO! Mình sẽ hướng dẫn các kỹ thuật SEO cho React làm sao hiệu quả nhất
Unit Test là một kỹ thuật mà rất nhiều bạn bỏ qua vì nó hơi khó và rất ít người dạy, nhưng nghịch lý là những doanh nghiệp trả lương cao đều yêu cầu kỹ năng này
Đây chính là kỹ thuật đã giúp lương mình tăng từ 20 triệu/tháng lên đến hơn 30 triệu/tháng
Storybook là một thư viện giúp quản lý các component trong ứng dụng web chúng ta, hầu như những công ty lớn nào cũng dùng Storybook
Học xong phần này bạn sẽ hiểu ra được lý do tại sao những doanh nghiệp lớn đều dùng Storybook và yêu cầu ứng viên của họ phải biết dùng. Tất nhiên yêu cầu cao thì lương cao!
Đây có lẻ là bài học sâu sắc nhất mà mình từng được học. Mình đúc kết hết lại chỉ trong 16 trang PDF, nhưng một khi bạn đã thực sự hiểu những gì mình viết trong phần này... Đó chính là lúc nộp CV, phỏng vấn, deal lương không còn là vấn đề khó khăn đối với bạn nữa!
À bạn còn được tặng thêm 2 ebook về CSS của 2 tác giả nước ngoài trị giá 130$ nữa🏆
Kinh nghiệm giúp mình chưa fail vòng review CV nào
ebook này là những kinh nghiệm mà mình học hỏi, đúc kết trong suốt những năm đi làm, giờ đây bạn sẽ sở hữu những kinh nghiệm đó của mình mà không cần tốn đến vài năm.
Còn phần quà nào nữa không? Còn chứ, bạn nhận được thêm 2 ebook📔 về kỹ năng debug css và cấu trúc lại css trị giá 130$
Tổng giá trị phần quà lên đến hơn 4 triệu đồng 💵 khi bạn tham gia khóa học này
“
“ Được hiện là một Fullstack developer với hơn 5 năm kinh nghiệm làm việc thực tế. Năm 20 tuổi, mình đã viết một ứng dụng đầu tiên trong 4 giờ và nhanh chóng giúp mình kiệm được 1000$ chỉ trong 3 ngày sau đó.”
Senior Front-End Developer
Nếu dành 4 giờ một ngày để học thì bạn sẽ mất ~3 tháng để học xong khóa học của mình.
Tính ra một tháng bạn chỉ tốn khoảng 463,333đ. Nếu học chăm chỉ và tiếp thu hết các kiến thức của mình, bạn hoàn toàn có thể xin được một công việc với mức lương 20-25 triệu/tháng ở Việt Nam,
Dưới đây là so sánh để các bạn có cái nhìn tổng quan về khóa học ReactJs Super của mình
300,000 - 2,500,000đ
Nội dung | Included |
---|---|
ReactJs cơ bản | Có |
Redux - Redux Toolkit cơ bản | Có |
RTK Query | Không có |
React Query | Không có |
Thời lượng | ~35 giờ |
Typescript | Thường chỉ dùng Javascript hoặc chỉ áp dụng Typescript vào một phần rất nhỏ trong khóa học |
Authentication | Dùng Access Token đơn giản |
Git từ cơ bản đến nâng cao | Git rất căn bản (clone, commit, push) |
React Router V6 | Đa số đều dùng V5 cũ hoặc mới vừa update lên V6 sau này (code theo video chắc chắn gặp lỗi) |
Webpack căn bản đến nâng cao | Không có |
Vite | Không có |
Performance | Không có |
SEO | Không có |
Unit test | Không có |
Storybook | Không có |
Project lớn cuối khóa | Project đơn giản, giao diện thô sơ |
Nội dung | Included |
---|---|
Học online 24/7 | Có |
Học trên điện thoại | Có |
Thời gian học | Bị giới hạn thời gian |
Nội dung | Included |
---|---|
Hỗ trợ các vấn đề trong khóa học | Có |
Hỗ trợ các vấn đề ngoài khóa học (ví dụ dự án ngoài, dự án cty) | Không có |
Combo quà tặng trị giá hơn 230$ | Không có |
Nội dung | Included |
---|---|
ReactJs cơ bản | Có |
Redux - Redux Toolkit cơ bản | Có |
RTK Query | Có |
React Query | Có |
Thời lượng | 75 giờ |
Typescript | Ngoại trừ vài chương cơ bản ban đầu, còn lại là áp dụng Typescipt full project |
Authentication | Access Token và Refresh Token |
Git từ cơ bản đến nâng cao | Git căn bản đến nâng cao (clone, commit, push, rebase, squash, stash, revert,...) |
React Router V6 | Có |
Webpack căn bản đến nâng cao | Có |
Vite | Có |
Performance | Hướng dẫn dùng Lighthouse, Network, Vite Analyzer phân tích bundle |
SEO | Các kiến thức về SEO cần thiết cho dev React |
Unit test | Unit Test hầu hết các case gặp phải khi đi làm |
Storybook | Có |
Project lớn cuối khóa | Project lớn, nhiều chức năng phức tạp, giao diện hoàn chỉnh |
Nội dung | Included |
---|---|
Học online 24/7 | Có |
Học trên điện thoại | Có |
Thời gian học | Mua 1 lần, học mãi mãi, update liên tục theo kiến thức mới |
Nội dung | Included |
---|---|
Hỗ trợ các vấn đề trong khóa học | Có |
Hỗ trợ các vấn đề ngoài khóa học (ví dụ dự án ngoài, dự án cty) | Có |
Combo quà tặng trị giá hơn 230$ | Có |
Chỉ với 5 bước đơn giản:
Bước 1: Đăng ký học viên tại https://edu.duthanhduoc.com
Bước 2: Chọn khóa học mà bạn muốn mua
Bước 3: Chọn Mua ngay hoặc Thêm vào giỏ hàng
Bước 4: Vào giỏ hàng và thanh toán như hướng dẫn. Sau khi chuyển khoản thành công, hệ thống sẽ tự động kích hoạt khóa học cho bạn.
Bước 5: Bắt đầu học thôi 😁
Dưới đây là video hướng dẫn siêu chi tiết
Bạn chưa từng học HTML, CSS hay Javascript.
Đúng vậy, đây là khóa học về React - một thư viện Javascript. Vậy nên nếu bạn chưa có một chút kiến thức nào về 3 thứ mình kể trên thì bạn nên cân nhắc lại.
Vì học React không hề đơn giản. Dù cho bạn đã học HTML, CSS nhưng không biết chút gì về Javascript thì cũng rất khó để có thể nuốt được các kiến thức mình truyền đạt.
Mình không đặt nặng doanh số, lợi nhuận để ép bạn mua những khóa học của mình mặc dù bạn không hề phù hợp.
Thật vô nghĩa nếu làm vậy!
Vậy nên chúng ta cần làm rõ
Bạn không cần có một lượng kiến thức vững chắc về HTML, CSS, Javascript.
Nhưng ít nhất, bạn cần đã từng học về những thứ trên và hiểu biết chút ít về chúng.
Bạn có thể tham gia ngay bây giờ để tiết kiệm chi phí và trang bị cho mình những kiến thức chất lượng để có cơ hội thành công trong sự nghiệp lập trình sau này
Và rất có thể nếu bạn siêng năng, cộng thêm một chút may mắn bạn sẽ tìm được công việc FrontEnd Developer, hoặc thậm chí là Fullstack Developer
Hoặc lựa chọn thứ 2 là bạn tiếp tục con đường cũ. Đó là tự mày mò và tự tìm hiểu những khóa học ngoài kia.
Rất có thể bạn cũng tìm được khóa học tốt, hoặc không.
Nhưng nếu bạn muốn tiết kiệm thời gian & tiền bạc,... đồng thời trang bị cho mình những kiến thức xịn sò nhất trong thị trường Web Dev này.
Dù sao thì quyết định cuối cùng vẫn luôn nằm ở bạn.
Đôi khi chỉ cần một khoảnh khắc quyết đoán, cả cuộc sống sau này của bạn có thể thay đổi một cách bất ngờ.
Phù hợp với các bạn đã có kiến thức căn bản về HTML/CSS và Javascript và muốn có một dự án lớn để xin việc làm thì đây là khóa học bạn cần tìm
Không! Bạn cần có một chút kiến thức Javascript căn bản để bắt đầu học khóa học này
Chúng ta sẽ code ngay từ đầu, từ khâu phân tích tổ chức code cho đến HTML/CSS để cho bạn hình dung được khi tham gia một dự án thực tế thì cần phải làm gì.
Mình sẽ cung cấp API cho các bạn làm để các bạn dễ dàng code và deploy cũng như thuận tiện cho việc giới thiệu trang sản phẩm cho nhà tuyển dụng.
Mình sẽ hướng dẫn deploy cho mọi người nên an tâm nhé, vì phải có sản phẩm thực tế, deploy lên server thì khi ứng tuyển các cty mới dễ dàng được.
Xong khóa này bạn hoàn toàn có đầy đủ kiến thức để apply vào vị trí Junior Frontend Dev tại bất cứ công ty nào, thậm chí là ở level Senior.
Bài tập trong khóa học là những project từ nhỏ đến lớn được mình lồng ghép và trong các video. Đến giai đoạn này bạn không cần làm những bài tập nhỏ mà nên bắt tay vào làm những project lớn để gây ấn tượng với nhà tuyển dụng.
Khi mua khóa học, các bạn xem video đầu tiên để xem thông tin group Facebook hỗ trợ riêng biệt, tại đây bạn có thể đăng câu hỏi thắc mắc, mình và các bạn học viên khác sẽ hỗ trợ cho bạn.
Rất tiết là không, hệ thống của mình giới hạn số lượng các thiết bị đăng nhập vào cùng một tài khoản. Vì thế bạn không thể dùng cho nhiều người được. Mình đã tính toán để bạn khỏi phải lo nếu dùng một người thì rất khó bị khóa tài khoản. Nếu bạn cố tình chia sẻ thì hệ thống sẽ tự động khóa tài khoản của bạn, lúc này bạn phải liên hệ mình để mở khóa.
Không, bạn mua một lần và học được mãi mãi
Không, mình không chịu trách nhiệm khi bạn mua những khóa học lậu ngoài kia. Ngoài rủi ro có thể bị lừa mất tiền, bạn còn không được mình hỗ trợ khi gặp khó khăn. Không được tham gia các webinar chia sẻ kinh nghiệm thường xuyên của mình, không được tham gia cộng đồng ReactJs Super sôi nổi - nơi bạn có thể học hỏi, làm quen và thúc đẩy nhau trong việc học. Tự học nếu muốn nhanh và có động lực thì nên có người hướng dẫn và bạn đồng hành
Không, khóa học chỉ có thể học online. Hệ thống của mình hạn chế việc download video khóa học nhưng mình biết không gì là tuyệt đối cả. Mình hy vọng các bạn tôn trọng kiến thức của mình mà không nên tải về share lại cho người khác.