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

Cơ chế try-catch trong lập trình hướng đối tượng trong PHP

13/07/2024 54 lượt xem
Lập trình hướng đối tượng là một khái niệm quan trọng trong ngành công nghệ thông tin hiện nay, và PHP là ngôn ngữ lập trình được sử dụng rộng rãi để xây dựng các ứng dụng web có tính chất đa nền tảng. Trong quá trình phát triển ứng dụng, việc xử lý ngoại lệ là điều không thể thiếu và cơ chế try-catch đã được sử dụng để giải quyết vấn đề này trong lập trình hướng đối tượng trong PHP.

PHP cung cấp nhiều cách để xử lý lỗi

11/07/2024 69 lượt xem
PHP là một ngôn ngữ lập trình phổ biến và được sử dụng rộng rãi trong những ứng dụng web hiện đại. Tuy nhiên, khi viết code trong PHP, lỗi là điều không thể tránh khỏi. Vì vậy, việc xử lý lỗi là một kỹ năng quan trọng mà mỗi lập trình viên PHP cần nắm vững.

PHP có hỗ trợ xử lý lỗi không?

09/07/2024 53 lượt xem
PHP là một ngôn ngữ lập trình phổ biến và được sử dụng rộng rãi trong việc xây dựng các ứng dụng web. Với tính linh hoạt và dễ học, nó đã thu hút được nhiều lập trình viên và nhà phát triển. Tuy nhiên, khi làm việc với bất kỳ ngôn ngữ lập trình nào, chúng ta cũng không thể tránh khỏi việc gặp phải các lỗi.

Sử dụng biến siêu toàn cục $_POST hoặc $_GET

07/07/2024 43 lượt xem
Bất kỳ khi nào chúng ta cần gửi các dữ liệu từ một trang web tới một trang khác, chúng ta luôn phải sử dụng các biến để truyền thông tin qua lại. Tuy nhiên, việc sử dụng các biến đơn giản có thể gây ra những bất tiện trong việc quản lý và xử lý dữ liệu, đặc biệt là khi website của bạn có phải xử lý với rất nhiều biểu mẫu. Để giải quyết vấn đề này, chúng ta có thể sử dụng các biến siêu toàn cục trong PHP như là một giải pháp hiệu quả hơn.

Làm thế nào để lấy dữ liệu từ biểu mẫu HTML trong PHP?

05/07/2024 76 lượt xem
Trong quá trình phát triển ứng dụng web, việc thu thập và xử lý dữ liệu từ người dùng là điều cực kỳ quan trọng, để thực hiện được điều này, chúng ta cần sử dụng các biểu mẫu HTML.

PHP hỗ trợ lập trình hướng đối tượng (OOP)

03/07/2024 71 lượt xem
Lập trình hướng đối tượng là một phương pháp lập trình được sử dụng để tổ chức và viết mã theo cách mô phỏng các đối tượng trong thế giới thực. Trong bài viết này, chúng ta sẽ tìm hiểu xem PHP có hỗ trợ lập trình hướng đối tượng hay không và cách sử dụng tính năng này như thế nào.

PHP có hỗ trợ lập trình hướng đối tượng không?

01/07/2024 75 lượt xem
Lập trình hướng đối tượng là một phương pháp lập trình được sử dụng để tổ chức và viết mã theo cách mô phỏng các đối tượng trong thế giới thực. Trong bài viết này, chúng ta sẽ tìm hiểu xem PHP có hỗ trợ lập trình hướng đối tượng hay không và cách sử dụng tính năng này như thế nào.

Sử dụng hàm mysqli_connect() để thực hiện kết nối với cơ sở dữ liệu MySQL

30/06/2024 96 lượt xem
Trong bài viết này, chúng ta sẽ tìm hiểu về hàm mysqli_connect() và cách sử dụng nó để kết nối với cơ sở dữ liệu MySQL.

Làm thế nào để thực hiện kết nối với cơ sở dữ liệu MySQL trong PHP?

28/06/2024 97 lượt xem
Trong bài viết này, chúng ta sẽ tìm hiểu về cách thực hiện kết nối với cơ sở dữ liệu MySQL trong PHP, cũng như các kỹ thuật và tiến trình liên quan.

Các kiểu dữ liệu hỗ trợ trong ngôn ngữ lập trình PHP

26/06/2024 71 lượt xem
Trong bài viết này, chúng ta sẽ tìm hiểu về các kiểu dữ liệu mà PHP hỗ trợ và cách sử dụng chúng trong lập trình.
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!