Khóa học Lập trình Front End với React.js

Học Lập trình Front end hiện đại với React JS. Học làm chủ HTML, CSS, JS và thư viện JavaScript phổ biến nhất hiện nay. Sẵn sàng đi thực tập / đi làm ngay sau khóa học.

  1. HTML5 + CSS3
  2. JavaScript Core
  3. ReactJS
  4. Project: E-Commerce Website
 
  • Tổng thời lượng: 56 giờ
  • 2 buổi/ tuần
  • Hình thức học: Online hoặc Offline
  • Ca học: 18:30 - 21:00
  • Phương pháp: Thực hành > 85%
  • Giảng viên: Chuyên gia Doanh nghiệp
  • BẢO HÀNH: HỌC LẦN 2 MIỄN PHÍ.
  • TẶNG: 2 video khóa học Git + Khóa học jQuery
Đăng ký học
KHÓA HỌC LẬP TRÌNH FRONT END VỚI REACT.JS
KHÓA HỌC LẬP TRÌNH FRONT END VỚI REACT.JS

Ai có thể học Lập trình Front end?

Nếu bạn là người có ít nhất 3 trong số những yếu tố sau, bạn có thể học lập trình Front end:

  • Yêu thích lập trình, không giới hạn tuổi tác
  • Yêu thích tạo ra những website có UI/UX tốt
  • Băn khoăn muốn chọn một hướng đi khi chuyển ngành lập trình
  • Muốn sử dụng React Js để xây dựng các Website chất lượng.
  • Thích sử dụng ngôn ngữ JavaScript
  • Mong muốn nhận được mức lương khởi điểm 800$ dành cho lập trình viên
  • Cam kết học tập tích cực / chủ động

năm đào tạo công nghệ thông tin
20+
năm đào tạo công nghệ thông tin
học viên đã tốt nghiệp khóa học
18366+
học viên đã tốt nghiệp khóa học
có việc làm đúng chuyên ngành
87%
có việc làm đúng chuyên ngành
DN cam kết tuyển dụng
50+
DN cam kết tuyển dụng
Phần 1: HTML5, CSS

MODULE HTML5

LÝ THUYẾT

  • Các thẻ HTML cơ bản thường sử dụng
  • Các thuộc tính của các thẻ HTML
  • Các event của thẻ HTML
  • HTML Graphics và HTML Medias
  • HTML form

THỰC HÀNH

  • Xây dựng 1 trang đơn giản, cách kết hợp các thẻ để cấu trúc trang (chia trang thành các phần nhỏ)

MODULE CSS3

LÝ THUYẾT

  • Các thuộc tính CSS cơ bản và nâng cao thường sử dụng (display, border, margin, padding ...)
  • Cấu trúc điều kiện: ý nghĩa, phú pháp, cách dùng
  • CSS Responsive

THỰC HÀNH

  • Kết hợp css vào website đã xây dựng ở bài trước
 
Phần 2: JavaScript
Các khái niệm quan trọng trong JS
 
  • Tổng quan
  • Cú pháp, toán tử, cấu trúc điều khiển, cấu trúc lặp
  • Array, Object
  • Scope
  • Closures và Context
     

Cấu trúc dữ liệu và giải thuật

  • Lập trình OOP với Javascript
  • Thuật toán Sắp xếp và Tìm kiếm, Đệ quy 
  • Giải bài tập và thực hành

Thao tác với DOM
 
  • DOM
  • Thao tác chọn phần tử HTML qua DOM
  • Kết hợp các event của thẻ HTML và JS
  • Xử lý giao diện bằng DOM
  • Jquery
  • Sử dụng Ajax 
  • JS Async : Asynchronous, Promises, Async
  • Sử dụng Ajax call web-services
  • Sử dụng DOM update dữ liệu trên site


Thực hành

  • Sử dụng Ajax call Webservice
  • Nhận dữ liệu trả về dạng Json, XML….
  • Sử dụng DOM,Jquery hiển thị dữ liệu
Phần 3: ReactJS
Giới thiệu, cài đặt môi truờng và khởi tạo project
  • Giới thiệu ReactJS
  • Khởi tạo React Project
  • Tìm hiểu cấu trúc thư mục và chạy một chương trình ReactJS
  • ES6 và kết hợp với ReactJS (làm quen với map/reduce/filter, rest/spread operators ...)

Component & Props
  • Class component và cấu trúc
  • Function component và cấu trúc
  • Tạo và kết hợp các component
  • Higher order Components
  • Khái niệm Props & cách sử dụng Props
  • Vòng đời của component

State
  • Tìm hiểu về state và cách sử dụng + JSX nâng cao

Handling Event, Xử lý form
  • Bắt và phản ứng lại các sự kiện trong giao diện
  • Xử lý dữ liệu trong form
  • Validate form

Routing, HTTP request
  • Hiểu về các phương thức HTTP: GET, POST, PUT, PATCH, DELETE
  • Cài đặt và sử dụng react router dom
  • Truyền dữ liệu thông qua router, bảo vệ router
  • Giải thích về http request, API
  • Sử dụng  Fetch/Axios để call API

Redux 
  • Giải thích các concepts : Store, Action Creater, Reducer
  • Thực hành cài đặt và sử dụng Redux

Hook
  • Giải thích hook concepts
  • Sử dụng state hook, affect hook

Thực hành xây dựng SPA bán sách
  • Xây dựng trang chủ, danh mục
  • Xây dựng trang chi tiết sản phẩm, khách hàng, đơn hàng,chi tiết đơn hàng
  • Xây dựng trang đăng nhập
     

Phần 4: Project
  • Tổng kết lại những kiến thức đã học - Hướng dẫn lại lần cuối đồ án
  • Bảo vệ đồ án
KHÓA HỌC LẬP TRÌNH FRONT END VỚI REACT.JS

Lợi ích khi học Front end với ReactJS tại Niit Ict Hà Nội

1. Sự khác biệt tại NIIT ICT Hà Nội
  • Giáo trình tiêu chuẩn của NIIT Ấn Độ cùng kiến thức cập nhật thường xuyên giúp học viên tiếp cận các kiến thức mới nhất
  • Giảng viên là các Chuyên gia tại Doanh nghiệp sẽ đem lại những kiến thức thực tế nhất cho học viên
  • Chương trình đào tạo với giờ học thực hành lên đến 85%
  • Lớp học tối đa từ 10-15 học viên để đảm bảo chất lượng học tập và giảng dạy tốt nhất.
  • Đào tạo theo yêu cầu: Đào tạo 1:1 hoặc theo Doanh nghiệp yêu cầu khung chương trình riêng 
2. Tính thực chiến
  • Bạn không phải học dạng chép code, sử dụng code có sẵn để chạy, Giảng viên tại NIIT-ICT Hà Nội sẽ cho bạn Code "tươi" ngay tại lớp. Học THẬT và Làm NGAY
  • Học tại NIIT-ICT Hà Nội, bạn sẽ được join ngay dự án, thực chiến ngay trên các website, các app thực tế mà Giảng viên của chúng tôi đang làm tại các Doanh nghiệp công nghệ lớn
3. Tính linh hoạt
  • Hình thức học linh hoạt, có video quay lại từng buổi học giúp học viên không bỏ sót bất kỳ kiến thức nào trong suốt khóa học
  • Giờ học linh hoạt các ngày trong tuần và ngoài h hành chính thuận tiện cho học viên có thể vừa làm vừa học nâng cao kiến thức
4. Kết nối cộng đồng học Code
  • Group Facebook : có 15 Group cộng đồng các ngôn ngữ lập trình như PHP, Java, Python, Tester... với hơn 40.000 thành viên kết nối cùng hỗ trợ 
  • Group Zalo : Có 10 Group Zalo với hơn 30.000 thành viên kết nối cùng Giảng viên của NIIT ICT Hà Nội hỗ trợ thường xuyên liên tục
5. Hỗ trợ việc làm
  • Cam kết giới thiệu việc làm ngay sau khóa học, bạn sẽ được Apply vào những vị trí tương đương trình độ tại các Doanh nghiệp kết nối tuyển dụng nhân sự với NIIT-ICT Hà Nội

Khả năng của học viên sau khóa học ReactJS tại NIIT - ICT HÀ NỘI

  1. Nắm vững kiến thức HTML cách dựng bố cục của 1 trang web với HTML bằng các thẻ HTML cơ bản cũng như nâng cao. Cách sử dụng các thẻ HTML trong cách trường hợp để xây dựng website 1 cách chuyên ngiệp và hợp lý.
  2. Kết hợp CSS với HTML để định hình một website với bố cục mang tính thẩm mỹ tốt. Sử dụng CSS bố cục website thích ứng với mọi thiết bị như máy tính, mobile, tablet… (responsive)
  3. Nắm vững kiến thức JS để kết hợp với website tăng tính tương tác với người dùng. Vì JS là một phần không thể thiếu để xử lý website
  4. Hiểu rõ cách sử dụng HTML DOM( hoặc Jquery) để tương tác các với các phần tử HTML nhằm thay đổi chúng.
  5. Sử dụng Ajax để call webserivce, nhận dử liệu trả về, chuyển đổi kiểu dữ liệu, kết hợp với HTML DOM( hoặc Jquery) để hiển thị dữ liệu
  6. Kết thúc phần JS (từ phần HTML đến giờ), học viên đã học được cách xây dựng được một trang wb hoàn chỉnh có bố cục tốt, giao diện có tính thẩm mỹ và có khả năng tương tác với Webservice
  7. Nắm được kiến thức nền tảng để học tiếp phần ReactJS (vì JS là kiến thức nền tảng để học tất cả các Framework JS phổ biến hiện nay như ReactJS,Angular, VueJS...)
  8. Học viên xây dựng hoàn chỉnh 1 website với các chức năng tương đối hoàn chỉnh bao gồm: Login,Thêm, sửa, xoá, hiển thị dữ liệu, Menu với giao diện đẹp, mang tính tương tác cao. Đủ điều kiện để làm việc vị trí Developer Front-end ReactJS
  9. Được tham gia phát triển đồ án cuối khóa học, để rèn luyện kỹ năng lập trình và kỹ năng làm việc nhóm

loi ich cua hoc vien sau khi hoc xong khoa reactjs

Đội ngũ giảng viên kinh nghiệm

Trần Văn Quyết

Trần Văn Quyết

Technical Leader tại TopCV
Mai Văn Hà

Mai Văn Hà

Project Manager tại Samsung Vietnam
Đinh Trọng Triều

Đinh Trọng Triều

FE Developer tại Funtap
Đoàn Văn Vấn

Đoàn Văn Vấn

Developer NEWWARE SOLUTION
Lê Ngọc Tuấn

Lê Ngọc Tuấn

Trưởng phòng IOT & Robotic (FPT)
Nguyễn Thành Luân

Nguyễn Thành Luân

Full stack Developer
Tạ Thị Thinh

Tạ Thị Thinh

Test Manager
Mai Ngọc Huynh

Mai Ngọc Huynh

Technical Project Manager tại Samsung SDS Vietnam
Trần Văn Hải

Trần Văn Hải

GĐ Nhân sự
Phạm Nhân Nghĩa

Phạm Nhân Nghĩa

Leader Thiên Hoàng Group
KHÓA HỌC LẬP TRÌNH FRONT END VỚI REACT.JS

Lịch khai giảng

Khóa học
Ngày khai giảng
Lịch học
Ca học
Thời lượng
Học phí
Đăng ký
15/08/2023
T3-T7
18:30 - 21:00
56 giờ
liên hệ
Đăng ký học thử miễn phí
Đăng ký để trải nghiệm , đã giúp hơn 750+ học viên thành công trên con đường chinh phục ngành Công nghệ thông tin. Và giờ đã đến lượt bạn...
Bạn chưa chọn khóa học cần đăng ký!
Tên không được để trống
Số điện thoại không được để trống
Email không được để trống
Bình luận Facebook
Đánh giá về khóa học
Có 0 đánh giá
Bạn chưa nhập nội dung nhận xét về khóa học
Chọn đánh giá của bạn Gửi nhận xét
Tin tức liên quan

Đào tạo CNTT cho doanh nghiệp: Tăng cường sự hợp tác giữa Học viện và Doanh nghiệp

31/10/2023 24 lượt xem
Đào tạo CNTT cho doanh nghiệp là một trong những yếu tố quan trọng để thúc đẩy sự phát triển kinh tế và công nghệ của một quốc gia. Đào tạo các chuyên gia, kỹ sư và nhân viên có kiến thức và kỹ năng về CNTT đáp ứng được nhu cầu của doanh nghiệp là điều cần thiết để nâng cao hiệu quả và cạnh tranh trong hoạt động sản xuất.

Bí quyết để học React JS dễ dàng và hiệu quả.

23/10/2023 51 lượt xem
Bí quyết học React JS dễ dàng và hiệu quả: Tìm hiểu về cú pháp JSX, điểm mạnh của React và đọc tài liệu chính thức. Thực hành nhiều qua việc xây dựng các ứng dụng nhỏ và tham gia cộng đồng.

Cơ hội khởi nghiệp thành công trong lĩnh vực công nghệ thông tin khi sử dụng ReactJS

13/10/2023 85 lượt xem
Trong thời đại công nghệ số hiện nay, việc khởi nghiệp trong lĩnh vực công nghệ thông tin được coi là một cơ hội hấp dẫn để tạo ra những ứng dụng, sản phẩm mang tính đột phá. Trong quá trình khởi nghiệp, việc chọn công cụ phát triển phù hợp có thể quyết định đến sự thành bại của dự án.

Tuyển dụng các React Developer để phát triển các ứng dụng web và di động

12/10/2023 176 lượt xem
React là một thư viện JavaScript phổ biến được sử dụng rộng rãi để xây dựng giao diện người dùng cho các ứng dụng web và di động. Với sức mạnh của nó trong việc tạo ra các thành phần tái sử dụng và khả năng tái cấu trúc dễ dàng, React đã trở thành công cụ lý tưởng cho việc phát triển các ứng dụng hiệu quả và linh hoạt. Sự gia tăng đáng kể về sự phụ thuộc vào công nghệ này, nhu cầu tuyển dụng các React Developer đã tăng lên đáng kể. Trong bài viết này, chúng ta sẽ khám phá cơ hội nghề nghiệp cho React Developer, các kỹ năng cần có để phát triển ứng dụng web và di động, các công nghệ liên quan và yêu cầu để trở thành một React Developer chất lượng.

Nắm vững ReactJS cùng với kiến thức backend có thể trở thành một lập trình viên full stack

11/10/2023 94 lượt xem
Lập trình viên full stack là người có đầy đủ kỹ năng để phát triển và quản lý một ứng dụng web hoàn chỉnh từ phía frontend đến backend. Điều này đòi hỏi lập trình viên phải có hiểu biết về các công nghệ frontend và backend, bao gồm ReactJS và kiến thức về backend. Trong bài viết này, chúng ta sẽ tìm hiểu cách trở thành một lập trình viên full stack chuyên nghiệp bằng cách nắm vững ReactJS và kiến thức backend.

Học React Js có khả năng phát triển cả phần frontend và backend của ứng dụng web hoặc di động

10/10/2023 109 lượt xem
React Js hiện đang trở thành một trong những framework phát triển ứng dụng web và di động phổ biến nhất trên thị trường. Với khả năng phát triển cả phần frontend và backend của một ứng dụng, React Js đã thu hút sự quan tâm của rất nhiều nhà phát triển.

Xây dựng kiến trúc frontend cho các ứng dụng lớn và phức tạp

09/10/2023 123 lượt xem
Trong thời đại công nghệ ngày nay, ứng dụng web ngày càng trở nên phổ biến và phức tạp hơn. Để xây dựng những ứng dụng này một cách hiệu quả, kiến trúc frontend đóng vai trò quan trọng. Kiến trúc frontend giúp tổ chức và quản lý mã nguồn, đồng thời cung cấp sự linh hoạt và khả năng mở rộng cho ứng dụng. Trên thực tế, việc thiết kế một kiến trúc frontend nhất quán và tối ưu có thể là yếu tố quyết định thành công của một dự án phần mềm.

Các kiến trúc sư frontend đóng vai trò quan trọng trong thiết kế cơ sở hạ tầng phía trước

08/10/2023 94 lượt xem
Ngày nay, với sự phát triển mạnh mẽ của công nghệ thông tin và Internet, việc xây dựng các trang web và ứng dụng web đã trở thành một phần không thể thiếu trong các doanh nghiệp và tổ chức. Điều này tạo ra nhu cầu ngày càng trong phát triển và thiết kế giao diện người dùng chất lượng cao. Trong quá trình này, kiến trúc sư frontend đóng vai trò quan trọng trong việc xây dựng cơ sở hạ tầng phía trước của website hoặc ứng dụng web.

ReactJS làm cho việc tạo ra giao diện người dùng (UI) dễ dàng hơn

07/10/2023 79 lượt xem
ReactJS là một thư viện JavaScript phổ biến và mạnh mẽ được sử dụng rộng rãi trong việc phát triển giao diện người dùng (UI). Với khả năng tạo ra các thành phần UI tái sử dụng, cách tiếp cận đơn giản và hiệu suất cao, ReactJS đã trở thành một công cụ không thể thiếu cho các nhà phát triển web. Trong bài viết này, chúng ta sẽ tìm hiểu vì sao ReactJS làm cho việc tạo ra giao diện người dùng dễ dàng hơn và những tính năng đặc biệt của nó.

Trở thành chuyên gia thiết kế giao diện người dùng (UI) và trải nghiệm người dùng (UX)

06/10/2023 156 lượt xem
Khả năng tạo ra các giao diện người dùng đa nền tảng và cung cấp trải nghiệm người dùng tuyệt vời, ReactJS đã thu hút rất nhiều sự quan tâm từ cộng đồng phát triển. Trong bài viết này, chúng ta sẽ tìm hiểu cách trở thành một chuyên gia về thiết kế giao diện người dùng (UI) và trải nghiệm người dùng (UX) sử dụng ReactJS.
Khóa học khác

KHÓA HỌC LẬP TRÌNH PHP WEB

54 giờ
NIIT - ICT Hà Nội cung cấp Khóa học Lập trình Web Fullstack với PHP, phiên bản cập nhật lần thứ 5 (T8/2019). Dạy Lập trình PHP bài bản, chi tiết (từ Front-end đến Back-end)

KHÓA HỌC PYTHON HƯỚNG ĐỐI TƯỢNG

50 giờ
Khóa học giúp học viên sử dụng thành thạo ngôn ngữ Lập trình Python (3x). Hiểu và phát triển được Ứng dụng Web với Django Framework. Học thực hành với Giảng viên cao cấp.

KHÓA HỌC LẬP TRÌNH JAVA WEB

64 giờ
Chương trình đào tạo chuyên sâu, nâng cao về Lập trình Java Web, được NIIT - ICT Hà Nội thiết kế nhằm đáp ứng nhu cầu tuyển dụng của doanh nghiệp.

KHÓA HỌC ANGULAR & TYPESCRIPT (FRONT END)

48 giờ
Khóa học Angular & TypeScript (Front end) sẽ giúp bạn làm chủ được nền tảng Angular từ đó phát triển được các ứng dụng mạnh mẽ, đa nền tảng.
Đăng ký tư vấn
Nhân viên gọi điện tư vấn miễn phí sau khi đăng ký
Được cập nhật các ưu đãi sớm nhất
Hotline: 0383180086
Tên không được để trống
Số điện thoại không được để trống
Email không được để trống
Hãy đăng ký để nhận những thông tin mới nhất về học bổng mới nhất tại NIIT - ICT Hà Nội
top
Đóng lại Đăng ký học tại NIIT - ICT Hà Nội
6260+ học viên đã theo học tại NIIT - ICT Hà Nội và có việc làm tốt trong ngành lập trình. Nắm lấy cơ hội ngay hôm nay!
KHÓA HỌC LẬP TRÌNH FRONT END VỚI REACT.JS
  • KHÓA HỌC LẬP TRÌNH FRONT END VỚI REACT.JS
  • KHÓA HỌC LẬP TRÌNH PHP WEB
  • KHÓA HỌC LẬP TRÌNH JAVA WEB
  • Khóa học PHP Full stack [2023] cho người mới bắt đầu
  • Khóa học BIG DATA với Hadoop và Spark
  • Khóa học Lập trình Android tại Hà Nội
  • LẬP TRÌNH GAME
    • Khóa học Lập trình Game Unity
  • LẬP TRÌNH WEB FRONT END
    • KHÓA HỌC PYTHON HƯỚNG ĐỐI TƯỢNG
    • KHÓA HỌC ANGULAR & TYPESCRIPT (FRONT END)
  • LẬP TRÌNH WEB BACK END
    • Lập trình Web với Django
    • LẬP TRÌNH JAVA WEB VỚI FRAME WORK
    • Lập trình PHP với Laravel Framework
  • CHƯƠNG TRÌNH ĐÀO TẠO ỨNG DỤNG CÔNG NGHỆ
    • Khóa học Tiền lương & Phúc lợi (C&B Excel) tại TP HCM
  • LẬP TRÌNH WEB FULL STACK
    • Khóa học Java Full stack (IJFD)
  • LẬP TRÌNH MOBILE
    • FRONT-END VỚI REACTJS VÀ REACT NATIVE
    • Lập trình Android Nâng cao
  • ĐÀO TẠO CHO DOANH NGHIỆP
    • KHÓA HỌC BUSINESS ANALYSIC TỪ CƠ BẢN ĐẾN NÂNG CAO 2023
    • Khóa học Magento: Làm chủ CMS TMĐT lớn nhất
    • Khóa học IOT: Xây dựng Sản phẩm IOT với Raspberry Pi
    • Khóa học Automation Testing Chuyên nghiệp
  • KHÓA HỌC DỰ ÁN
    • Học sử dụng bộ Office: Word, Excel, Power Point, Mail chuyên nghiệp
  • KHÓA HỌC KHÁC
    • VBA Excel Toàn Tập (Cơ Bản - Nâng Cao)
    • VBA Excel Nâng cao
    • Khóa học JMeter: Performance Testing
    • Khoá Học Tester đạt chuẩn quốc tế ISTQB Advanced Level
    • Khóa học Tester đạt chuẩn Quốc tế ISTQB Foundation Level
Bạn chưa chọn khóa học cần đăng ký
Tên không được để trống
Số điện thoại không được để trống
Email không được để trống
Đăng ký học thành công!
Cảm ơn bạn đã đăng ký học tại NIIT - ICT HÀ NỘI!