Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Front-end

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

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

5 học viên đang tham gia khóa học này

  • youngcodikimssam
실습 중심
JavaScript
vanilla-js
ES6
TypeScript
jquery-css

Dịch cái này sang tiếng Việt

  • JavaScript

  • Vanilla JavaScript

  • jQuery

  • ES6

  • Modern Javascript

  • React

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

Con đường đến React không bỏ cuộc 🚵[PART2] 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 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.

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

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 được nén chặt 15 năm kinh nghiệm giảng dạy🎯


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

Từ những bước đầu tiên cơ bản của CSS đến các kỹ năng tạo animation nâng cao và phát triển web tương tác, tất cả đều được bao gồm 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 dần phát triển web thực tế thông qua việc clone coding đa dạng. Hãy thử thách ước mơ trở thành developer với khóa học việc làm web design, frontend, backend, fullstack dành cho người không chuyên ngành bắt đầu từ cơ bản thực sự.


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 bền vững.

📚 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]]

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

Tải xuống tệp khi nhấp vào nút

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

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

  1. Tự tạo carousel theo xu hướng web mới nhất

  2. Cách sử dụng mảng để quản lý dữ liệu hiệu quả

  3. Triển khai nội dung tab thành phần phổ biến để hiển thị và ẩn động

  4. Thay đổi kích thước của phần tử một cách tự do bằng JavaScript


  5. Triển khai responsive sử dụng script để thay đổi kích thước nội dung theo kích thước thiết bị

  6. Phép thuật của con lăn chuột! Tạo nội dung thay đổi theo cuộn trang

  7. Ứng dụng bí quyết theo dõi vị trí thời gian thực vào các nội dung đa dạng

  8. Từ click đến di chuyển chuột và cuộn trang, triển khai các sự kiện đa dạng

Thầy Kim của Young Coder 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]

Ý 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 khung cơ bản bằng cách sử dụng các thông tin chính tạo nên nội dung cốt lõi của trang web.


STEP02 | Bootcamp cho người không chuyên [Từ CSS Style đến Animation] [Nhấp để chuyển đến khóa học tương ứng]

Ý 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 theo đúng nghĩa đen là tạo ra và áp dụng một bảng tính cho phép lựa chọn các phần tử mong muốn theo cách phân cấp dựa trên mối quan hệ cha-con trong cấu trúc HTML, từ đó áp dụng màu sắc, hình dạng, hoạt ảnh theo phong cách mong muốn để 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, để 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 cho các thiết kế clone của các trang web thực tế, thiết kế mobile và thiết kế web khác nhau.


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ủ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 này]

Hiểu và nắm vững cách sử dụng @media query để tạo responsive web, đồng thời học và ứng dụng Bootstrap - framework giúp tạo responsive dễ dàng

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ủa Bootstrap và kiểm tra ngay lập tức thông qua thực hành, cuối cùng hoàn thành việc triển khai một 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á tính riêng 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 tương ứng]

Bắt đầu từ việc hiểu và thực hành ngữ pháp cơ bản nhất, sau đó học các kiến thức Java cơ bản và ngữ pháp trung cấp

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 [JAVA từ cơ bản đến nâng cao] dành cho người không chuyên ngành[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 của từ 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 cho phép nhóm và quản lý, lưu trữ các kiểu dữ liệu khác nhau ở một nơi, cùng với thực hành các ví dụ đa dạng 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 về 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 [Từ JSP đến SpringBoot] dành cho người không chuyên [Click để chuyển đến khóa học này]

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 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ẽ triển khai một website thực tế có chức năng thành viên và bảng tin sử dụng Spring Boot, đồng thời nắm vững hoàn toàn các kỹ năng cơ bản để tạo portfolio bằng cách sử dụng phương thức bất đồng bộ và openAPI - dữ liệu công cộng.


STEP07 | Xây dựng dịch vụ web [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 cho đến triển khai dự án trên GIT, AWS EC2 theo toàn bộ quy trình.

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 sử dụng nohup - bạn có thể nắm vững 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 developernă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, file hoàn thành, tài liệu PDF để sử dụng trong thực hành.
    (Các file này là file 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

  • Có ai đã từng bỏ cuộc khi học JavaScript, React không?

Xin chào
Đây là

324

Học viên

23

Đánh giá

18

Trả lời

5.0

Xếp hạng

19

Các khóa học

👩 이 강의를 만든 사람

[ 비전공자도 쉽고 재미있게 배우는 코딩! ] 을 목표로 15년 넘게 풀스택(백엔드, 프론트엔드) 및 영상, 코딩, 디자인, 빅데이터, 머신러닝 등을 강의하며 개발자 인력양성에 진심인 현직 직업훈련교사


🎖 경력사항

[컴퓨터 1도 모르는 사람이 부업으로 월100만원 수입내보기 첫걸음] 의 저자

NCS 국가직무능력강의 고용노동부 평가 A등급 강사선정

그린컴퓨터아카데미수원 우수강사선정(2017, 2018, 2019 3년연속 최우수1등상 수상)

전) 삼성ODD 기획 개발팀 담당

가톨릭대학교 컴퓨터공학부 특강

용인송담대학 멀티미디어학부 특강 및 다수


🚵 자격사항

직업능력훈련교사[정보기술개발] 고용노동부

직업능력훈련교사[정보기술운영] 고용노동부

직업능력훈련교사[정보기술전략·계획] 고용노동부

직업능력훈련교사[인공지능] 고용노동부

직업능력훈련교사[실감형콘텐츠제작] 고용노동부

직업능력훈련교사[문화콘텐츠제작] 고용노동부

직업능력훈련교사[멀티미디어] 고용노동부

직업능력훈련교사[일반사무] 고용노동부

직업능력훈련교사[총무] 고용노동부

직업능력훈련교사[디자인] 고용노동부

직업능력훈련교사[영상제작 ] 고용노동부

직업능력훈련교사[인쇄] 고용노동부

직업능력훈련교사[출판] 고용노동부

빅데이터전문가1급 한국직업능력진흥원

정보처리기사 한국산업인력공단

사무자동화산업기사 한국산업인력공단

컴퓨터활용능력 2급 대한상공회의소

ITQ OA 마스터 한국생산성본부

워드프로세서 1급 대한상공회의소

멀티미디어콘텐츠제작전문가 한국콘텐츠진흥원

시각디자인산업기사 한국산업인력공단

컴퓨터그래픽스운용기능사 한국산업인력공단

웹디자인기능사 한국산업인력공단

GTO 포토샵 1급 글로벌공인자격검정원

GTO 일러 1급 글로벌공인자격검정원


👩‍🏫 현) 그린컴퓨터아카데미 직업능력훈련교사 재직중

담당과정) 정보기술개발/프론트엔드/백엔드/풀스택/자바 웹개발/UIUX엔지니어링/빅데이터플랫폼구축/빅데이터시스템개발/ 프로그래밍언어/파이썬/자바/빅데이터분석/ 빅데이터전문가/프로그래밍언어/콘텐츠기획


  인프런의 부트스트랩3(BOOTSTRAP)를 활용한 반응형 웹페이지 만들기 약 10만명 구독을 기념으로 그동안 추가 강의에 대한 많은 요청을 DM으로 받아 풀스택 강의를 최신버전으로 기획 제작 및 업로드 중입니다. 여러분의 많은 관심과 따뜻한 댓글은 영코디 킴쌤의 강의제작에 큰 원동력이 됩니다.

 

느리지만 차근차근 질좋은 강의로 한걸음씩 여러분과 함께하겠습니다.

 

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

Tất cả

26 bài giảng ∙ (9giờ 57phú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á

Chưa có đủ đánh giá.
Hãy trở thành tác giả của một đánh giá giúp mọi người!

1.164.107 ₫

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!