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ý
24/04/2024
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

Tìm hiểu về Java Standard Library

28/08/2024 261 lượt xem
Java là một ngôn ngữ lập trình phổ biến được sử dụng rộng rãi trong các ứng dụng web, mobile và desktop. Một trong những điểm nổi bật của Java chính là sự hỗ trợ mạnh mẽ từ Java Standard Library (thư viện chuẩn của Java). Trong bài viết này, chúng ta sẽ cùng tìm hiểu về Java Standard Library và những thành phần quan trọng của nó.

Sử dụng dòng lệnh để phát triển Java

26/08/2024 205 lượt xem
Nếu bạn là một lập trình viên Java, bạn chắc chắn đã quen thuộc với việc sử dụng các công cụ phát triển tích hợp như Eclipse hay NetBeans để tạo và quản lý mã nguồn Java. Tuy nhiên, việc sử dụng dòng lệnh để phát triển Java vẫn còn là một kỹ năng quan trọng mà bạn nên nắm vững. Trong bài viết này, chúng ta sẽ tìm hiểu về cách sử dụng dòng lệnh để biên dịch và chạy ứng dụng Java, cùng những kỹ thuật hiệu quả khi làm việc với Java.

Tìm hiểu về JDK

24/08/2024 377 lượt xem
JDK (Java Development Kit) là một bộ công cụ phát triển ứng dụng Java được sử dụng để viết, biên dịch và chạy các chương trình Java. Nó bao gồm một trình biên dịch Java, các thư viện lớp, các file hình ảnh và tài liệu cần thiết cho việc phát triển ứng dụng Java. Trong bài viết này, chúng ta sẽ tìm hiểu cách cài đặt JDK trên các nền tảng khác nhau như Windows, macOS và Linux.

Python hỗ trợ lập trình hướng đối tượng

22/08/2024 156 lượt xem
Trong thời đại công nghệ thông tin phát triển mạnh mẽ như hiện nay, việc nắm vững các ngôn ngữ lập trình là rất quan trọng. Một trong những ngôn ngữ lập trình phổ biến và được ưa chuộng nhất là Python. Python không chỉ dễ học mà còn hỗ trợ nhiều phương pháp lập trình, trong đó có lập trình hướng đối tượng (OOP).

Python có thư viện chuẩn phong phú như nào

20/08/2024 335 lượt xem
Python là một trong những ngôn ngữ lập trình phổ biến nhất hiện nay, nhờ vào tính linh hoạt, dễ sử dụng và đặc biệt là thư viện chuẩn phong phú mà nó cung cấp. Những thư viện này giúp các lập trình viên tiết kiệm thời gian, cải thiện hiệu suất làm việc và mở rộng khả năng của ứng dụng mà họ phát triển.

Python hỗ trợ các toán tử số học

18/08/2024 335 lượt xem
Trong thời đại công nghệ hiện đại, việc học lập trình đã trở thành một nhu cầu thiết yếu. Trong số các ngôn ngữ lập trình phổ biến nhất hiện nay, Python nổi bật với cú pháp đơn giản, dễ hiểu và khả năng ứng dụng rộng rãi trong nhiều lĩnh vực khác nhau như phát triển web, phân tích dữ liệu, trí tuệ nhân tạo và hơn thế nữa. Một trong những phần quan trọng trong việc lập trình Python là hiểu về các toán tử số học mà ngôn ngữ này hỗ trợ.

Đặc điểm cú pháp của Python

16/08/2024 122 lượt xem
Python là một trong những ngôn ngữ lập trình phổ biến nhất hiện nay, được sử dụng rộng rãi trong nhiều lĩnh vực như phát triển web, khoa học dữ liệu, trí tuệ nhân tạo và tự động hóa.

Cách Cài đặt Python

14/08/2024 267 lượt xem
Trong bài viết này, chúng ta sẽ cùng nhau tìm hiểu cách cài đặt Python từ A đến Z, bao gồm tải xuống, cài đặt, thiết lập biến môi trường và kiểm tra xem việc cài đặt đã thành công hay chưa.

Tại sao nắm chắc JavaScript là lợi thế khi học Java?

12/08/2024 315 lượt xem
Khi bắt đầu học lập trình, có rất nhiều ngôn ngữ lập trình để lựa chọn nhưng một trong những ngôn ngữ được nhiều người quan tâm và đánh giá cao hiện nay chính là Java. Để học Java một cách hiệu quả, việc nắm chắc JavaScript trước đó là một lợi thế vô cùng quan trọng và cần thiết. Vậy tại sao lại có sự liên kết giữa JavaScript và Java? Các điểm tương đồng giữa hai ngôn ngữ này là gì? Hãy cùng tìm hiểu trong bài viết dưới đây.

Thành thạo ngoại ngữ để học Java tốt hơn

10/08/2024 178 lượt xem
Java là một trong những ngôn ngữ lập trình phổ biến nhất hiện nay và được sử dụng rộng rãi trong nhiều lĩnh vực khác nhau, từ ứng dụng di động cho đến phát triển phần mềm. Với sự phát triển của công nghệ thông tin, việc học Java đã trở thành một xu hướng không thể bỏ qua đối với các sinh viên và các chuyên gia trong ngành CNTT.
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 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 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
  • [Tuyển sinh 2023] Lập trình viên Quốc tế DigiNxt
  • Khóa học Tiền lương & Phúc lợi (C&B Excel) 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 JAVA WEB VỚI FRAME WORK
    • Lập trình Web với Django
    • 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
    • Khóa học Tester đạt chuẩn Quốc tế ISTQB Foundation Level
    • Khoá Học Tester đạt chuẩn quốc tế ISTQB Advanced 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!