강의

챌린지

멘토링

로드맵

커뮤니티

Từ Javascript đến React [PHẦN 1/4] Con đường đến với React không bỏ cuộc

Có bao giờ bạn cảm thấy nản lòng khi học React chưa? Chúng tôi sẽ giúp bạn củng cố kiến thức JavaScript cơ bản, nền tảng của React, sau đó học từng bước để mở ra con đường đến với React mà không bỏ cuộc.

(5.0) 1 đánh giá

15 học viên

Độ khó Nhập môn

Thời gian Không giới hạn

JavaScript
JavaScript
vanilla-js
vanilla-js
ES6
ES6
TypeScript
TypeScript
jquery-css
jquery-css
JavaScript
JavaScript
vanilla-js
vanilla-js
ES6
ES6
TypeScript
TypeScript
jquery-css
jquery-css

Bạn sẽ nhận được điều này sau khi học.

  • JavaScript

  • JavaScript thuần

  • jQuery

  • ES6

  • Modern JavaScript

  • React

JavaScript, vanilla-js, ES6, TypeScript, jquery-css

Dành cho người không chuyên ngành [Từ JavaScript đến React]

Con đường đến React không bỏ cuộc 🚵[PART1] Bootcamp

Bạn đã từng cảm thấy nản lòng khi học React chưa? Trong lớp học của thầy Kim, để học từng bước JavaScript - nền tảng của React, chúng ta sẽ bắt đầu từ vanilla script, cú pháp JavaScript ES6, jQuery và các cú pháp cơ bản khác thông qua nhiều ví dụ thực hành đa dạng để xây dựng nền tảng vững chắc về script. Sau đó, thông qua việc hiểu và thực hành các cú pháp đa dạng của React, chúng ta sẽ triển khai bảng tin và chức năng thành viên sử dụng component, state, memoization, đồng thời học cú pháp TypeScript để tạo ra ví dụ thực hành ToDoList, v.v. Chúng tôi sẽ mở ra con đường đến với React mà không bỏ cuộc.

👩🏻‍💻 Bắt đầu từ những kiến thức cơ bản nhất

Khóa học việc làm Frontend, Backend, Fullstack dành cho người không chuyên ngành

Đặc điểm khóa học [Từ JavaScript đến React]

Khóa học chứa đựng 15 năm kinh nghiệm giảng dạy được cô đọng🎯


Đây là khóa học lập trình CSS3 dễ hiểu và thú vị, tập hợp toàn bộ kinh nghiệm của giảng viên ngôi sao Young Coder Kim - người đã cống hiến hơn 15 năm cho việc giảng dạy lập trình từ học sinh tiểu học, học sinh trung học phổ thông ngành IT-Phần mềm, sinh viên ngành Khoa học máy tính, đến những người không chuyên ngành đang chuẩn bị tìm việc.

Từ những bước đi đầu tiên cơ bản của CSS đến các kỹ năng tạo animation nâng cao và thiết kế web tương tác, tất cả đều được tổng hợp trong một khóa học.


Người luôn cố gắng hết mình để giải thích một cách dễ hiểu và thú vị 👨‍🏫


Thầy Kim của Youngcoder với những giải thích dễ hiểu, thú vị và phương pháp ghi nhớ đặc trưng, luôn nỗ lực không ngừng để ngay cả những người mới bắt đầu hoàn toàn cũng có thể dễ dàng hiểu và phát triển từng bước một.

Ngoài ra, bạn có thể học phát triển web thực tế một cách từng bước thông qua các dự án clone coding đa dạng. Hãy thử thách bản thân với ước mơ trở thành developer thông qua khóa học tuyển dụng web design, frontend, backend, fullstack dành cho người không chuyên ngành, bắt đầu từ những kiến thức cơ bản nhất.


Kiểm tra năng lực bằng cách giải SELF_EX sau mỗi chương⛳


Thông qua các bài tập SELF_EX được cung cấp ở mỗi chương, bạn có thể tự kiểm tra nội dung đã học và nâng cao kỹ năng của mình. Các bài tập được xây dựng dựa trên các khái niệm cốt lõi và nội dung thực hành của từng đơn vị học sẽ giúp ích rất nhiều trong việc xác nhận mức độ hiểu biết về CSS và bổ sung những phần còn thiếu.

Đóng vai trò là điểm kiểm tra quan trọng giúp cải thiện năng lực một cách tự nhiên thông qua việc kết hợp học tập lặp lại và giải bài tập, từ đó hỗ trợ duy trì sự phát triển liên tục.

📚 Bootcamp [Từ JavaScript đến React] dành cho người không chuyên - Bạn sẽ học được những điều này!

[[SPAN_1]]⬆[[/SPAN_2]][[SPAN_2]]Tạo website nhân vật di chuyển theo hướng cuộn khi cuộn trang[[/SPAN_2]]

[[SPAN_1]]⬆[[/SPAN_2]][[SPAN_2]]Tạo carousel sử dụng plugin[[/SPAN_2]]

[[SPAN_1]]⬆[[/SPAN_2]][[SPAN_2]]Tạo cửa sổ modal hoàn chỉnh bằng script[[/SPAN_2]]

⬆Kỹ năng điều khiển video khi nhấp vào nút

[[SPAN_1]]⬆[[/SPAN_2]][[SPAN_2]]Tải file khi nhấp vào nút[[/SPAN_2]]

[[SPAN_1]]⬆[[/SPAN_2]][[SPAN_2]]Tạo ToDoList[[/SPAN_2]]

🎬Nội dung học tập từ JavaScript đến React PHẦN 1

  1. Hiểu chính xác các khái niệm đa dạng của script

  2. var, let, const - sự khác biệt giữa các cách khai báo biến

  3. Tìm hiểu về DOM và thay đổi nội dung động thông qua mô hình đối tượng tài liệu

  4. Hiểu đúng về toán tử

  5. Các loại và ứng dụng đa dạng của cú pháp mới nhất ES6

  6. Xuất hiện rồi biến mất! Triển khai nội dung modal chơi trốn tìm

  7. Bậc thầy sắp xếp thứ tự! Làm quen với các phương thức mảng liên quan đến cấu trúc và thứ tự

  8. Thực hành sản xuất hoạt hình thực tế sống động

Thầy Kim của Youngcoder hiện đang liên tục đào tạo hơn 500 người bao gồm frontend designer, backend developer, web designer, fullstack developer tại bootcamp được hỗ trợ kinh phí quốc gia, và liên tục được xếp hạng cao trong 'Khóa học số 1 mà học viên muốn giới thiệu cho người quen'.

Xem đánh giá thực tế của học viên | https://greenart.co.kr/community/student_review

풀스택 로드맵4

Spring Boot, JPA, TDD, JSP, Java, Spring, Spring Boot, React, Frontend, Backend, Fullstack, Java

Trong khóa học Fullstack dành cho người không chuyên ngành, mỗi khóa học sẽ dạy những gì?

✔STEP01 | Bootcamp [HTML Starter] dành cho người không chuyên[Click để chuyển đến khóa học tương ứng]

Ý nghĩa của HTML và cách viết mã cơ bản cũng như tạo layout

Phát triển web giống như việc tạo ra một cửa hàng trực tuyến mà ai cũng có thể đến. HTML là viết tắt của Hyper Text Markup Language, bạn sẽ học cách tạo ra khung cơ bản bằng cách sử dụng những thông tin chính tạo nên nội dung cốt lõi của trang web.


✔STEP02 | Bootcamp dành cho người không chuyên [Từ CSS Style đến Animation] [Click để chuyển đến khóa học này]

Ý nghĩa của CSS và cách viết mã cơ bản từ đầu đến việc áp dụng style mong muốn vào html để thiết kế web

CSS là viết tắt của Cascading Style Sheet, trong đó Cascading là từ có nghĩa là phân cấp, giống như thác nước. CSS đúng như tên gọi, nó lựa chọn các phần tử theo cấu trúc phân cấp của mối quan hệ cha-con trong HTML để áp dụng màu sắc, hình dạng, hoạt ảnh theo phong cách mong muốn cho các phần tử mong muốn, tạo ra và áp dụng các sheet giúp thiết kế web không nhàm chán mà thú vị và đẹp mắt cho người dùng. Ngoài ra, cho đến khi có sự tự tin với CSS, bạn sẽ tích lũy kinh nghiệm tạo ra nhiều thiết kế web đa dạng thông qua việc lặp đi lặp lại việc coding HTML/CSS để thiết kế clone các trang web thực tế, thiết kế mobile, thiết kế web.


✔STEP03 | Bootcamp [Từ JS đến React] dành cho người không chuyên[Nhấp để chuyển đến khóa học này]

Làm quen với vanilla script và cú pháp JavaScript ES6, sử dụng React

Bạn đã từng cảm thấy nản lòng khi học React chưa? Trong lớp học của thầy Kim, để học từng bước JavaScript - nền tảng cơ bản của React, chúng ta sẽ bắt đầu từ vanilla script, cú pháp JavaScript ES6, jQuery và các cú pháp cơ bản khác thông qua nhiều ví dụ thực hành đa dạng để xây dựng nền tảng vững chắc cho script. Sau đó, thông qua việc hiểu và thực hành các cú pháp đa dạng của React, chúng ta sẽ triển khai bảng tin và chức năng thành viên sử dụng component, state, memoization, đồng thời học cú pháp TypeScript để tạo ra ví dụ thực hành ToDoList, v.v. Chúng tôi sẽ mở ra con đường đến với React mà không bỏ cuộc.


✔STEP04 | Bootcamp [Tạo Web Responsive] dành cho người không chuyên[Click để chuyển đến khóa học]

Hiểu và sử dụng @media query để tạo web responsive, học và ứng dụng framework Bootstrap giúp dễ dàng tạo ra các trang web responsive

Phân bổ hợp lý giữa lý thuyết và thực hành về cách sử dụng Bootstrap để phát triển trang web responsive có bố cục thay đổi theo thiết bị, hiểu các thành phần cấu tạo của Bootstrap, kiểm tra ngay lập tức thông qua thực hành và hoàn thiện việc triển khai trang web responsive thực tế.

Ngoài ra, dành cho những ai muốn tạo ra trang web responsive với phong cách cá nhân độc đáo thay vì sử dụng style có sẵn của Bootstrap, chúng ta sẽ thành thạo việc triển khai các layout đa dạng cho từng thiết bị bằng cách sử dụng thuần túy html/css/jQuery mà không dùng Bootstrap thông qua thực hành tạo trang web responsive Hansot Dosirak.


✔STEP05-1 | Bootcamp [Cơ bản JAVA] dành cho người không chuyên [Nhấp để chuyển đến khóa học này]

Bắt đầu từ việc hiểu và thực hành các ngữ pháp cơ bản nhất để học các ngữ pháp cơ bản và trung cấp của Java

Bạn sẽ học Java - ngôn ngữ cơ bản nhất của phát triển web backend, bắt đầu từ những cú pháp cơ bản nhất và tiến dần đến trình độ trung cấp. Thông qua các bài thực hành đa dạng, bạn sẽ tự nhiên có được khả năng tự mình lập trình những chương trình mong muốn.


✔STEP05-2 | Bootcamp [Từ cơ bản đến nâng cao JAVA] dành cho người không chuyên[Nhấp để chuyển đến khóa học tương ứng]

Hiểu và thực hành từ cơ bản đến ngữ pháp nâng cao của Java

Collection Framework của Java là một thư viện nội bộ tích hợp sẵn các lớp lưu trữ theo đúng nghĩa collection - thu thập, tức là lưu trữ. Thông qua việc học các cú pháp đa dạng để quản lý và lưu trữ các kiểu dữ liệu khác nhau tại một nơi, và thực hành với nhiều ví dụ từ cơ bản đến nâng cao của Java, chúng ta sẽ tạo nền tảng vững chắc làm nền móng cho việc phát triển web backend.


✔STEP05-3 | Bootcamp [Oracle SQL] dành cho người không chuyên[Nhấp để chuyển đến khóa học tương ứng]

Hiểu biết và Thực hành Database

Tạo bảng cơ sở dữ liệu (DB) và thực hành CRUD để đọc, ghi, sửa đổi, xóa dữ liệu trong db, qua đó học và thực hành cú pháp SQL để chuẩn bị sử dụng db khi đăng ký thành viên, đăng nhập hoặc viết bài trên diễn đàn.


✔STEP06 | Bootcamp cho người không chuyên ngành [Từ JSP đến SpringBoot] [Nhấp để chuyển đến khóa học tương ứng]

Từ JSP đến Spring Boot

Bạn có từng trải qua việc học Spring Boot - framework được sử dụng nhiều nhất trong thực tế hiện nay - rồi cảm thấy nản lòng không?

Trong lớp học của thầy Kim, để hiểu hoàn hảo về Spring Boot, chúng ta sẽ bắt đầu học từ cú pháp cơ bản nhất là JSP, trực tiếp cảm nhận sự tiến hóa của cú pháp backend từ thế hệ trước đến thế hệ hiện tại, tự nhiên nắm vững các khái niệm và cách sử dụng, đồng thời hiểu được nguyên lý hoạt động của Spring Boot - framework tự động triển khai backend cho phát triển web.

Dựa trên việc thực hành các khái niệm cơ bản và ứng dụng của ORM, JPA, entity, hiểu biết về Spring Security và triển khai chức năng thành viên sử dụng security, thực hành junit test và cách sử dụng h2 console, v.v., bạn sẽ hoàn toàn nắm vững những kiến thức cơ bản để tạo portfolio bằng cách triển khai website thực tế có chức năng thành viên và bảng tin sử dụng Spring Boot và thậm chí cả việc cộng tác qua GitHub.


✔STEP07 | Xây dựng dịch vụ web thực tế [Từ hosting đến AWS] cho triển khai thực tế

[Nhấp để chuyển đến khóa học tương ứng]

Hoàn thiện dịch vụ web với hosting và triển khai AWS

Bạn có từng trải qua cảm giác bức bối khi dự án mình phát triển chỉ chạy được trong máy tính của mình mà không thể triển khai thành dịch vụ thực tế không?

Trong lớp học của thầy Kim, chúng ta không chỉ dừng lại ở việc viết code đơn thuần, mà sẽ học từng bước từ web hosting sử dụng Dothome đến triển khai dự án trên GIT, AWS EC2 - toàn bộ quy trình một cách chi tiết.

Kết nối tên miền, tải lên FTP, triển khai thông qua GitHub, đóng gói jar, cấu hình máy chủ, chỉ định đường dẫn tải lên hình ảnh, thực thi không gián đoạn bằng nohup - bạn có thể nắm vững toàn bộ quy trình triển khai cần thiết trong thực tế.

Thông qua quá trình này, tôi sẽ tích lũy kinh nghiệm thực sự công bố website mình tạo ra với thế giới, đồng thời có được sự tự tin như một nhà phát triển và năng lực vận hành dịch vụ thực tế.

Java, lập trình hướng đối tượng, bootcamp hỗ trợ quốc gia, Spring Boot, SJava, lập trình hướng đối tượng, bootcamp hỗ trợ quốc gia, frontend, fullstack, backend, Java, Spring Boot, Spring, lập trình hướng đối tượng, JSP, java, spring, spring boot, react, spring Boot, Spring, spring, spring boot, react, backend, frontend, Spring, spring, spring boot, react, backend, frontend

Lưu ý trước khi học

Tài liệu học tập

  • Bạn có thể tải xuống các hình ảnh được sử dụng trong bài học, các file hoàn thành và tài liệu PDF để sử dụng trong thực hành.
    (Các file này là tài liệu giáo dục chỉ có thể sử dụng cho mục đích thực hành cá nhân và không được phép phân phối trái phép.)

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Người mới bắt đầu hoàn toàn, chưa từng tiếp xúc với lập trình.

  • Người không chuyên ngành

  • Bạn nào từng bỏ cuộc khi học Javascript, React không?

Xin chào
Đây là youngcodikimssam

Xác minh sự nghiệp

573

Học viên

32

Đánh giá

23

Trả lời

5.0

Xếp hạng

19

Các khóa học

👩 Người tạo ra khóa học này

Giáo viên đào tạo nghề hiện đang tận tâm với việc đào tạo nhân lực lập trình, đã giảng dạy tiếng Anh và full-stack (backend, frontend), video, lập trình, thiết kế, dữ liệu lớn, machine learning... trong hơn 15 năm, với mục tiêu [giúp cả những người không chuyên cũng có thể học tiếng Anh và lập trình một cách dễ dàng, thú vị!]


🎖 Kinh nghiệm làm việc

[Bước đầu để người không biết gì về máy tính kiếm thêm 1 triệu won mỗi tháng] tác giả

Giảng viên được chọn đạt hạng A trong đánh giá của Bộ Việc làm và Lao động về các bài giảng năng lực nghề nghiệp quốc gia NCS

Được bình chọn là giảng viên xuất sắc (nhận giải Nhất xuất sắc nhất trong 3 năm liên tiếp: 2017, 2018, 2019)

Trước đây phụ trách nhóm lập kế hoạch và phát triển ODD tại Samsung

Chuyên đề tại Khoa Kỹ thuật Máy tính, Đại học Công giáo

Thuyết giảng tại Khoa Đa phương tiện, Đại học Yongin Songdam và nhiều nơi khác


🚵 Các chứng chỉ資格

Giáo viên đào tạo năng lực nghề nghiệp [Phát triển công nghệ thông tin] Bộ Việc làm và Lao động

Giáo viên đào tạo năng lực nghề nghiệp [Vận hành công nghệ thông tin] Bộ Việc làm và Lao động

Giáo viên đào tạo năng lực nghề nghiệp [Chiến lược và lập kế hoạch công nghệ thông tin] Bộ Việc làm và Lao động

Giáo viên đào tạo năng lực nghề nghiệp [Trí tuệ nhân tạo] Bộ Việc làm và Lao động

Giáo viên đào tạo năng lực nghề nghiệp [Sản xuất nội dung thực tế ảo] Bộ Việc làm và Lao động

Giáo viên đào tạo năng lực nghề nghiệp [Sản xuất nội dung văn hóa] Bộ Việc làm và Lao động

Giáo viên đào tạo năng lực nghề nghiệp [Đa phương tiện] Bộ Việc làm và Lao động

Giáo viên đào tạo năng lực nghề nghiệp [Nghiệp vụ văn phòng] Bộ Việc làm và Lao động

Giáo viên đào tạo năng lực nghề nghiệp[Hành chính tổng hợp] Bộ Việc làm và Lao động

Giáo viên đào tạo năng lực nghề nghiệp[Thiết kế] Bộ Việc làm và Lao động

Giáo viên đào tạo năng lực nghề nghiệp [sản xuất video] Bộ Việc làm và Lao động

Giáo viên đào tạo năng lực nghề nghiệp [in ấn] Bộ Việc làm và Lao động

Giáo viên đào tạo năng lực nghề nghiệp [xuất bản] Bộ Việc làm và Lao động

Chuyên gia Dữ liệu lớn cấp 1 Viện Phát triển Năng lực Nghề nghiệp Hàn Quốc

Kỹ sư xử lý thông tin Cơ quan Nhân lực Công nghiệp Hàn Quốc

Chứng chỉ kỹ thuật viên công nghiệp tự động hóa văn phòng Cơ quan Phát triển Nguồn nhân lực Hàn Quốc

Chứng chỉ năng lực sử dụng máy tính bậc 2 Phòng Thương mại và Công nghiệp Hàn Quốc

ITQ OA Master Hiệp hội Năng suất Hàn Quốc

Chứng chỉ xử lý văn bản hạng 1 Phòng Thương mại và Công nghiệp Hàn Quốc

Chuyên gia sản xuất nội dung đa phương tiện Cơ quan Xúc tiến Nội dung Hàn Quốc

Kỹ thuật viên thiết kế thị giác cấp công nghiệp Cơ quan Phát triển Nguồn nhân lực Hàn Quốc

Chứng chỉ kỹ năng vận hành đồ họa máy tính Cơ quan Nhân lực Công nghiệp Hàn Quốc

Chứng chỉ Kỹ thuật viên Thiết kế web Cơ quan Nhân lực Công nghiệp Hàn Quốc

GTO Photoshop cấp 1 Viện Khảo thí Chứng chỉ Toàn cầu

GTO Illustrator cấp 1 Viện Khảo thí Chứng chỉ Toàn cầu được công nhận


👩‍🏫 Hiện đang là giáo viên đào tạo năng lực nghề nghiệp (đang công tác)

Các khóa học phụ trách) Tiếng Anh/Phát triển công nghệ thông tin/Front-end/Back-end/Full-stack/Phát triển web Java/Kỹ thuật UI/UX/Xây dựng nền tảng dữ liệu lớn/Phát triển hệ thống dữ liệu lớn/Ngôn ngữ lập trình/Python/Java/Phân tích dữ liệu lớn/Chuyên gia dữ liệu lớn/Ngôn ngữ lập trình/Lập kế hoạch nội dung


  Inflearn đang tạo các trang web responsive bằng Bootstrap 3 (BOOTSTRAP). Nhân dịp kỷ niệm đạt khoảng 100.000 người đăng ký, tôi đã nhận được rất nhiều yêu cầu qua DM về việc bổ sung các bài giảng trong thời gian qua,vì vậy hiện đang lên kế hoạch, sản xuất và đăng tải khóa học full-stack với phiên bản mới nhất. Sự quan tâm và những bình luận ấm áp của các bạn là nguồn động lực to lớn cho việc 제작 bài giảng của thầy Young Cody Kim.

 

Dù chậm nhưng từng bước vững chắc, chúng tôi sẽ đồng hành cùng các bạn qua từng bước với những bài giảng chất lượng.

 

Thêm

Chương trình giảng dạy

Tất cả

26 bài giảng ∙ (8giờ 10phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

1 đánh giá

5.0

1 đánh giá

  • soraahn6346님의 프로필 이미지
    soraahn6346

    Đánh giá 17

    ∙

    Đánh giá trung bình 5.0

    5

    62% đã tham gia

    Khóa học khác của youngcodikimssam

    Hãy khám phá các khóa học khác của giảng viên!

    Khóa học tương tự

    Khám phá các khóa học khác trong cùng lĩnh vực!