LỘ TRÌNH HỌC TẬP CHI TIẾT

WEB FULL-STACK DEVELOPER

Ngôn ngữ React JS - Node JS

Đây là Lộ trình Đào tạo Full-stack để đảm bảo học viên có thể làm việc được ở cả vị trí Front-end hoặc vị trí Back-end tại Doanh nghiệp. Và với một số dự án cần làm Full-stack học viên vẫn đảm bảo có đủ kỹ năng để tham gia các dự án đa dạng tại Doanh nghiệp sau này.

  • Lập trình Front-end: phụ trách phát triển hiển thị và trải nghiệm người dùng cho ứng dụng web. Quyết định cái nhìn đầu tiên của người dùng về trang web, đồng thời mang lại một trang web dễ dàng thao tác và sử dụng.
  • Lập trình Back-end: chịu trách nhiệm chính cho Server của các ứng dụng chạy trên Web. Lập trình phát triển ứng dụng hoặc cải tiến các ứng dụng có sẵn. Đảm bảo sự thống nhất toàn hệ thống, cải thiện trải nghiệm của người dùng. Tối ưu chức năng, đảm bảo về tốc độ xử lý và hiệu suất của toàn bộ trang web.
  • Lập trình Full-stack: phụ trách công việc của lập trình viên Front-end và Back-end.

Lộ trình này sẽ được đào tạo bằng Ngôn ngữ lập trình React JS và Node JS. React đã tạo thành một xu thế, một hình mẫu phát triển website với nhiều chức năng, khả năng tương tác đa dạng với người dùng. Hiện tại sau hơn 10 năm phát triển thì React vẫn đang chiếm vị trí số 1 trong các thư viện Front-end hiện tại.

Sự phổ biến của ReactJs hiện nay khiến cho nhu cầu tuyển dụng ngành IT về mảng này rất lớn. Các bạn lập trình viên mới ra trường có thể dễ dàng tìm được công việc tốt ở các công ty (bao gồm cả môi trường outsourcing và product) nếu có trang bị kiến thức về mảng lập trình React.

Bên cạnh đó, NodeJS là một trong những nền tảng phổ biến nhất hiện nay cho mục đích phát triển ứng dụng mạng phía server.

NodeJS có thể được sử dụng như một frontend lẫn backend nhờ vào các framework như Express.js hay Meteor.js. Một số stack phổ biến như MERN sử dụng Express.js làm backend.

Chương trình đào tạo

  • Working Principles: Biết dùng Coding Convention, Test Driven Programming
  • Teamwork: Biết làm việc Pair programming
Kỹ năng làm việc được luyện tập | Soft-skill
HTML5 Basic
CSS3
Component, FlexBox
Figma
Javascript Basic, programming structures, array, object, 

Front-End (Basic)

  • Xây dựng được các websites chuẩn responsive sử dụng HTML, CSS, Flexbox & Figma
  • Sử dụng được thành thạo Developer Tool, VsCode
  • Sử dụng được đủ các selector căn bản của CSS3
  • Cắt và làm được giao diện từ thiết kế Figma
  • Viết được Javascript function, xây được đối tượng Java độc lập
  • Sử dụng thành thạo các cấu trúc lập trình căn bản
  • Phát triển được các trang web có tương tác bằng HTML, CSS và JavaScript 
Kỹ năng chuyên môn đạt được | Hard-skill

Javascript Basic
Hacker Rank Certificate

CSS Basic
Hacker Rank
Certificate

Luyện được Chứng chỉ đánh giá năng lực Lập trình

DEVCAMP TALENT POOL | LÀM DỰ ÁN CÙNG DOANH NGHIỆP

Trang sản phẩm thương mại điện tử thời trang

Chức năng chính:
Hiển thị thông tin sản phẩm thời trang

Công nghệ sử dụng:
Front-end: HTML5, CSS3, Flexbox
UX design: Figma mockup 

Trang sản phẩm thương mại kinh doanh trà

Chức năng chính:
Trang chủ hiển thị thông tin giới thiệu sản phẩm trà

Công nghệ sử dụng:
Front-end: HTML5, CSS3, Media Queries, Flexbox và Devtools 8 UX Design: Figma mockup 

Pizza 365 v1.0 - Cửa hàng Pizza phục vụ online

Chức năng chính:
Giới thiệu cửa hàng, menu hàng ngày
Đặt hàng, theo dõi đơn hàng
Quản trị đơn hàng
Cập nhật danh mục menu, nước uống,

Công nghệ sử dụng:
Front-End: Javascript 8, HTML5, CSS3

Lucky Dice Casino v1.0 - Trò chơi xúc xắc có thưởng.

Chức năng chính:
Người dùng nhập thông tin cá nhân
Tung xúc xắc theo đợt
Trả về kết quả kèm voucher và giải thưởng nếu có
Hiển thị kết quả xúc xắc, voucher và giải thưởng nhận được

Công nghệ sử dụng:
Front-End: Javascript 8, HTML5, CSS3

  • Teamwork: Học được kỹ năng quản trị nhóm nhỏ và Pair Programming
  • Task management: GitLab: quản trị được công việc, code trên Gitlab cá nhân
Kỹ năng làm việc được luyện tập | Soft-skill
Bootstrap4
Figma
Ajax,Rest API
Jqurery 3
Jquery Selector, Chaining,
Javascript Advanced

Front-End (Intermediate)

  • Kết nối ứng dụng web với dữ liệu máy chủ (backend) dùng Javascript
  • Sử dụng các thư viện để hoàn chỉnh dự án một cách chuyên nghiệp
  • Sử dụng được Bootstrap4 đẩy đủ các thẻ và component
  • Xây được trang web responsive theo tiêu chuẩn Bootstrap Grid cho các loại device khác nhau
  • Xây được trang web động có các chức năng Javascript nâng cao
  • Sử dụng dược Jquery 3 để tối ưu code, sử dụng thành thạo Selector, Chaining
  • Dùng được các library java nâng cao như DataTable để làm giao diện linh hoạt
Kỹ năng chuyên môn đạt được | Hard-skill

Javascript
Test Dome
Certficate

WebDeveloper
Test Dome
Certificate

Luyện được Chứng chỉ đánh giá năng lực Lập trình

DEVCAMP TALENT POOL | LÀM DỰ ÁN CÙNG DOANH NGHIỆP

Course 365 v1.0
Trang khóa học trực tuyến

Chức năng chính:
Category danh mục
Chi tiết khóa học
Featured courses

Công nghệ sử dụng:
Front-End: Javascript 8, HTML5, CSS3
Ajax, Bootstrap4, Jquery

Online Food Store - Trang gọi món ăn online

Chức năng chính:
Trang chủ hiển thị các món ăn tiêu biểu và blog
Tìm kiếm món ăn theo giá tiền và điểm đánh giá
Thêm món ăn vào giỏ hàng
Đặt hàng

Công nghệ sử dụng:
Front End: HTML5, CSS3, Javascript, jQuery 3, DataTable, Awesome font, AJax, Modal
Framework: AdminLTE 3, Bootstrap 4
UX Design: Figma mockup 

(Là phiên bản tiếp theo với phần gọi RestAPI và giao diện nâng cao Bootstrap4

Pizza 365 v2.0 - Cửa hàng Pizza phục vụ online

Chức năng chính:
Giới thiệu cửa hàng, menu hàng ngày
Đặt hàng, theo dõi đơn hàng
Quản trị đơn hàng
Cập nhật danh mục menu, nước uống,


Công nghệ sử dụng:
Front-End: Javascript 8, HTML5, CSS3
Ajax, Bootstrap4, Jquery

(Là phiên bản tiếp theo, nâng cấp gọi RestAPI và giao diện Bootstrap4)

Lucky Dice Casino v2.0 - Trò chơi xúc xắc có thưởng.

Chức năng chính:
Người dùng nhập thông tin cá nhân
Tung xúc xắc theo đợt
Trả về kết quả kèm voucher và giải thưởng nếu có
Hiển thị kết quả xúc xắc, voucher và giải thưởng nhận được
Lịch sử chơi, lịch sử giải thưởng (rest API)


Công nghệ sử dụng:
Front-End: Javascript 8, HTML5, CSS3
Ajax, Bootstrap4, Jquery

(Là phiên bản tiếp theo với phần gọi RestAPI và giao diện nâng cao Bootstrap4)

  • Communication: trình bày được cấu trúc công nghệ, tính năng sản phẩm
Kỹ năng làm việc được luyện tập | Soft-skill
React JS basic 
React Component
Redux Libary, SPA

React JS

  • Xây dựng và phát triển các trang web bằng ReactJs
  • Xây được trang web động và nhanh sử dụng React JS Component
  • Nắm được các kỹ thuật cơ bản về JSX, rendering
  • Sử dụng nhiều cách áp dụng CSS định dạng cho trang web được tạo bởi ReactJs. Cách áp dụng bootstrap vào dự án ReactJs
  • Nắm vựng khái niệm component; Props, State; vòng đời của Component
  • Sử dụng thành thạo basic hooks, sử dụng Fetch và Axios để gọi API giao tiếp với Backend. 
  • Nắm được các khái niệm Promise, Bất đồng bộ, Sử dụng Async & Await
  • Cách sử dụng các bộ thư viện có sẵn để phát triển dự án như Material UI và Reactstrap
  • Ứng dụng Redux để quản lý các trạng thái có trong dự án ReactJs
  • Thao tác với Firebase, cách ứng dụng Firebase để thực hiện Authentication và Authorization
  • Sử dụng React Router
  • Nắm vững concept phân trang cho các bài toán dữ liệu lớn.
Kỹ năng chuyên môn đạt được | Hard-skill

React Basic
Hacker Rank Certificate

Luyện được Chứng chỉ đánh giá năng lực Lập trình

DEVCAMP TALENT POOL | LÀM DỰ ÁN CÙNG DOANH NGHIỆP

Pizza 365 v3.0 Cửa hàng Pizza phục vụ online

Chức năng chính:
Giới thiệu cửa hàng, menu hàng ngày
Đặt hàng, theo dõi đơn hàng
Quản trị đơn hàng
Cập nhật danh mục menu, nước uống,


Technology:
Front-End: ReactJS, Axios, MaterialUI, Reactstrap
Back-End: NodeJS, MongoDB

(Là phiên bản tiếp theo, nâng cấp với BackEnd và CSDL)

Weather (Dự báo thời tiết)

Chức năng chính:
Hiển thị thông tin thời tiết tại một thành phố cụ thể

Technology:
Reactjs, Material UI, Fetch API, React-router-dom, Session storage

(Là phiên bản tiếp theo với BackEnd và csdl)

Cửa hàng trực tuyến (Shop247) v1.0

Chức năng chính:
Trang chủ giới thiệu những sản phẩm nổi bật
Trang danh mục sản phẩm hiển thị thông tin của tất cả sản phẩm có phân trang, bộ lọc
Trang chi tiết sản phẩm hiển thị thông tin sản phẩm, các review đánh giá cho sản phẩm
Trang giỏ hàng hiển thị các sản phẩm đã được mua, người dùng nhập thông tin đơn hàng và đặt hàng


Technology:
Front-end: ReactJs create-react-app, material ui, react-bootstrap, axios, redux
Firebase authentication
Back-end: Node ExpressJs, MongooseJs, DotEnv, Nodemon
Database: MongoDB

  • Communication: trình bày được cấu trúc công nghệ, tính năng sản phẩm
Kỹ năng làm việc được luyện tập | Soft-skill
Node JS core; NodeJs Express
FireBase configuration
MongoDB

Node JS

  • Xây dựng được các ứng dụng NodeJs dựa trên Framework ExpressJs
  • Sử dụng NodeJs kết nối với CSDL MongoDB bằng MongooseJs để đọc, thêm, sửa, xóa dữ liệu
  • Làm việc với các model có quan hệ ràng buộc
  • Cách thao tác kiểm thử API với POSTMAN
Kỹ năng chuyên môn đạt được | Hard-skill

Node JS Basic
Hacker Rank Certificate

Luyện được Chứng chỉ đánh giá năng lực Lập trình

DEVCAMP TALENT POOL | LÀM DỰ ÁN CÙNG DOANH NGHIỆP

Pizza 365 v3.0

Chức năng chính:
Giới thiệu cửa hàng, menu hàng ngày
Đặt hàng, theo dõi đơn hàng
Quản trị đơn hàng
Cập nhật danh mục menu, nước uống,

Technology:
 Front-End: Javascript 8, HTML5, CSS3
Ajax, Bootstrap4, Jquery
Back-End: NodJS, MongoDB

(Là phiên bản tiếp theo, nâng cấp với BackEnd và CSDL)

Vaccination (Thông tin Vaccine)

Chức năng chính:
Giới thiệu thông tin vaccine và các dịch vụ
Xây giao diện quản lý user
Xây giao diện quản lý contact


Technology:
Front End: HTML5, CSS3, Javascript
Framework: Bootstrap 4
UX Design: Figma mockup
Back-end: Node Express JS, Rest API
Database: MongoDB

Course 365 UI NodeJs

Chức năng chính:
Trang chủ hiển thị các khóa học nổi bật


Technology:
 Frontend: Javascript, Jquery 3
Framework: Bootstrap 4
Back-end: Node Express Js

  • Teamwork: thành thạo Daily Scrum, và Gitlab Branch Management
  • Quản trị được dự án và tiến độ trên Trello
Kỹ năng làm việc được luyện tập | Soft-skill
Capstone Projects
Quản trị dự án
Deploy ứng dụng

Capstone project

  • Xây được ứng dụng FullStack sử dụng các công nghệ BackEnd,Front End
  • Ứng dụng được các Library đễ xây ứng dụng nhanh như AdminLTE
  • Build và Deploy được ứng dụng hoàn chỉnh trên Server, bao gồm cả backend, frontend, CSDL
Kỹ năng chuyên môn đạt được | Hard-skill

FULL-STACK WEB DEVELOPER
by Coding Bootcamp

IRONHACK VIỆT NAM

Hoàn thành Chứng chỉ đào tạo Full-Stack

DEVCAMP TALENT POOL | LÀM DỰ ÁN CÙNG DOANH NGHIỆP

Dự án Shop Online Store

Feature:
Trang chủ giới thiệu những sản phẩm nổi bật
Danh mục sản phẩm hiển thị thông tin của tất cả sản phẩm có phân trang, bộ lọc
Chi tiết sản phẩm hiển thị thông tin sản phẩm, các review đánh giá cho sản phẩm
Giỏ hàng hiển thị các sản phẩm đã được mua, người dùng nhập thông tin đơn hàng và đặt hàng
Giao diện quản trị hiển thị danh sách đơn hàng, danh sách người dùng, danh sách sản phẩm, danh sách người dùng hệ thống, báo cáo biểu đồ
Người dùng đăng nhập, đăng xuất, đăng ký tài khoản


Technology:
 Front-end: ReactJs create-react-app, material ui, react-bootstrap, axios, redux
Firebase authentication
Back-end: Node ExpressJs, MongooseJs, DotEnv, Nodemon
Database: MongoDB

Xem thêm dự án tại Devcamp Talent Pool

DEVCAMP TALENT POOL

NHỮNG QUYỀN LỢI CỦA HỌC VIÊN TRONG KHÓA ĐÀO TẠO

ĐƯỢC HỌC TẬP TRONG HỆ THỐNG CHO ĐẾN KHI THÀNH THẠO

Học viên chỉ đóng học phí toàn khóa và được học cho đến khi thành thạo. Học viên có thể học thành thạo theo từng Module hoặc học lại nhiều lần cho cả lộ trình. 

ĐƯỢC THAY ĐỔI LỘ TRÌNH HỌC TẬP NHIỀU LẦN ĐỂ PHÙ HỢP NHẤT VỚI THỜI GIAN CÁ NHÂN

Học viên có thể co giãn lộ trình học nhanh hay chậm tùy thuộc vào điều kiện thời gian ở từng thời điểm của học viên. Hoặc tùy thuộc vào mức độ cần job, mức độ tiếp thu bài mà học viên có thể đề nghị thay đổi lộ trình cho phù hợp.

CHƯƠNG TRÌNH CAM KẾT ĐẢM BẢO HỌC VIÊN KHÔNG BỊ NHỠ BẤT KỲ BUỔI HỌC NÀO

Chương trình huấn luyện trên dự án thực tế nên học viên cần quá trình học tập và làm task xuyên suốt, không thể bỏ nhỡ bất kỳ một task nào của dự án. Do đó nếu học viên không thể tham gia được ca học trong ngày, chương trình sẽ hỗ trợ lại bài học và Mentor hướng dẫn 1-1 lại bài học.

HỌC VIÊN ĐƯỢC CAM KẾT VIỆC LÀM SAU KHI HOÀN TẤT KHÓA ĐÀO TẠO

Chương trình cam kết việc làm cho học viên cần chuyển ngành. Hợp đồng quy định rõ: Trong vòng tối đa 45 ngày sau tốt nghiệp nếu học viên chưa nhận được công việc chính thức tại Doanh nghiệp thì sẽ được hoàn trả 100% học phí.

Xem phương pháp học

Cam kết việc làm tại các doanh nghiệp liên kết sau khóa học. Đảm bảo kĩ năng và chất lượng đầu ra. Đăng ký ngay để được tư vấn lộ trình học tập phù hợp cho bạn!

NHẬN TƯ VẤN KHÓA ĐÀO TẠO LẬP TRÌNH

SUBMIT

Tôi cần được cam kết việc làm ngay sau khóa học
Tôi chưa cần cam kết việc làm ngay sau khóa học.
Vui lòng điền đầy đủ thông tin để hoàn tất đăng ký

ĐĂNG KÝ

GỬI

Vui lòng điền đầy đủ thông tin để hoàn tất đăng ký

ĐĂNG KÝ

GỬI

Vui lòng điền đầy đủ thông tin để hoàn tất đăng ký

ĐĂNG KÝ

GỬI

Vui lòng điền đầy đủ thông tin để hoàn tất đăng ký

ĐĂNG KÝ

GỬI