자바스크립트 : 기초부터 실전까지 올인원
코딩알려주는누나
자바스크립트 기초강의, 응용강의, 포트폴리오 전용강의 따로따로 찾아 볼게 아니라, 강의하나로 자바스크립트 기초부터 현업이 쓰는 다양한 응용 기술, 포트폴리오 까지 다 끝내고 싶으신 분들을 위한 강의입니다.
Cơ bản
JavaScript, HTML/CSS
BEST
(Cập nhật mới nhất 2025) React: Bước cuối cùng để trở thành nhà phát triển Frontend
Đây là khóa học cần thiết cho những ai muốn trở thành nhà phát triển front-end, bạn có thể học React và tạo dự án portfolio.
Đánh giá từ những học viên đầu tiên
Dịch cái này sang tiếng Việt
React (router, lifecycle, state...)
Redux (middleware Redux)
Quản lý trạng thái Zustand
Tanstack Query (Quản lý các lệnh gọi bất đồng bộ)
React Router
Bản cập nhật mới cho năm 2025!😄
Một bài giảng React thú vị mà không có thời gian để chán!
Chào mừng đến với bài giảng của tôi!
Xin chào, tôi là chị dạy lập trình !
Cuối cùng, bài giảng về React đã được phát hành, tiếp theo là bài giảng về JavaScript.
Bài giảng này dành cho những ai đang chuẩn bị trở thành nhà phát triển front-end👨💻 hoặc những ai muốn tìm hiểu React, framework hot nhất🔥 .
Nhiều công ty sử dụng React. React đã trở thành công cụ không thể thiếu đối với các nhà phát triển front-end. Vì đây là khóa học chuyên sâu vượt ra ngoài phạm vi JavaScript nên nội dung không hề dễ hiểu.
Nhưng chỉ cần bạn có ý chí và nỗ lực, tôi sẽ hướng dẫn bạn thực hiện phần còn lại😉
trong chốc lát! Khóa học này yêu cầu bạn phải có hiểu biết cơ bản về JavaScript .
Nếu bạn không biết JavaScript, hãy xem khóa học <JavaScript: Tổng hợp từ cơ bản đến thực hành> !
Bạn học được gì? ✨
Phản ứng
React là ngôn ngữ được sử dụng nhiều nhất trong phát triển front-end!
Các khái niệm React thiết yếu để trở thành nhà phát triển front-end
Học bằng nhiều ví dụ.
Thư viện quản lý nhà nước
Tìm hiểu cả Zustand và Redux , những thư viện quản lý trạng thái được sử dụng rộng rãi nhất trong ngành!
(Đây có phải là nơi duy nhất bạn có thể học cả hai không?)
Truy vấn Tanstack
Tìm hiểu cách xử lý các cuộc gọi không đồng bộ hiệu quả với Tanstack Query, thư viện phổ biến nhất để gọi API.
(Sự kết hợp hợp thời trang nhất khi sử dụng với Zustand!)
Thư viện React
Tất cả các thư viện React khác nhau được sử dụng rộng rãi khi phát triển React! Hãy để tôi thông báo cho bạn nhé!
Và thậm chí là cách tự mình lựa chọn và sử dụng nó!
Khả năng tự giải quyết mọi việc
Thay vì chỉ đơn giản là tuân theo mã,
Phát triển khả năng của bản thân thông qua nhiều nhiệm vụ khác nhau.
5 dự án
Ngay cả khi bạn chỉ học một điều, nó vẫn sẽ thú vị và thiết thực!
Nó chứa các khái niệm cốt lõi của React, chẳng hạn như Netflix, trung tâm mua sắm và trò chơi kéo-búa-bao.
Chúng tôi đang thực hiện 5 dự án.
Học bằng cách tự làm
5 dự án trọng điểm!
Dự án đầu tiên: Trò chơi kéo búa bao
Dự án thứ hai: Tạo ứng dụng thời tiết
Dự án thứ ba: Tạo trang web trung tâm mua sắm
Dự án thứ tư: Tạo trang liên hệ
Dự án cuối cùng: Tạo Netflix
Tôi giới thiệu điều này tới những người này!
- Dành cho những ai ghét các bài giảng lập trình nhàm chán : KHÔNG với những giải thích khó hiểu mà chỉ có lập trình viên mới hiểu được! Dành cho những ai đang tìm kiếm một bài giảng có thể hiểu được ngay cả khi bạn không biết gì
- Dành cho những ai muốn trở thành nhà phát triển front-end : Những người biết HTML/CSS JavaScript nhưng không biết cần những gì để trở thành nhà phát triển front-end
- Những người muốn học trong khi thực hành : Những người thích học bằng cách tự mình thực hành thông qua nhiều vấn đề và bài tập có thể thực hiện trong cuộc sống thực, thay vì chỉ nghe giảng.
Sau bài giảng,
Bạn có thể mong đợi điều gì đó tương tự như thế này.
Bạn có thể tạo dự án của riêng mình bằng React.
Quản lý trạng thái + quản lý cuộc gọi không đồng bộ với Zustand + TanstackQuery, sự kết hợp hợp thời nhất hiện nay.
Cải thiện kỹ năng phát triển thực tế của bạn thông qua 5 dự án!
Người chia sẻ kiến thức
Chị dạy lập trình ✒️
- 🚀 Dựa trên kinh nghiệm giảng dạy hơn 100 sinh viên khoa học xã hội và làm giảng viên trại huấn luyện ở nước ngoài trong 2 năm, tôi sẽ truyền đạt kiến thức cho bạn bằng phương pháp giảng dạy tối ưu.
- 🧐 Tôi đã làm việc với tư cách là nhà phát triển web trong 6 năm và tốt nghiệp loại xuất sắc ngành Kỹ thuật máy tính của Đại học Dankook.
- ✨ Tôi điều hành kênh YouTube có tên là Coding Sister và chia sẻ các lớp học và thông tin miễn phí cho những ai muốn học lập trình.
Đánh giá với điểm trung bình 5.0★ đã chứng minh điều đó.
Tôi là một lập trình viên mới vào nghề đã đi làm được 3 tháng. Tôi đang lắng nghe bài giảng một cách cẩn thận. Tôi sẽ chạy hết sức mình từ trình độ trung cấp đến trình độ nâng cao.
Thật thú vị, thật ngạc nhiên khi những lớp học nhàm chán lại có thể thú vị đến vậy. Khi tôi nhìn thấy một người mới bắt đầu, tôi có thể hiểu ngay. 😊😊
Tôi có thể học nhanh và dễ dàng cho đến khi kết thúc :)
Tôi là một lập trình viên mới vào nghề và tôi rất vui khi hoàn thành khóa học.
JavaScript: Đây là bài đánh giá dành cho khóa học trọn gói từ cơ bản đến thực hành 💌
Câu hỏi dự kiến Q&A 💬
H. Tôi có một câu hỏi khi xem bài giảng!
Hãy thoải mái đến và đặt câu hỏi bất cứ lúc nào trên kênh Slack do chị gái tôi điều hành!
H. Học phí có bao gồm dịch vụ kèm riêng 1:1 không?
A. Học phí không bao gồm chi phí huấn luyện cá nhân 😣 Tuy nhiên, nếu bạn có bất kỳ câu hỏi nào trong suốt khóa học, vui lòng sử dụng cộng đồng Slack! Đồng nghiệp của bạn hoặc chị gái này sẽ trả lời!👨🏿🤝👨🏿
Khuyến nghị cho
những người này
Khóa học này dành cho ai?
Người có kiến thức cơ bản về Javascript
Người mong muốn trở thành nhà phát triển frontend
Người muốn tạo một portfolio tuyệt vời
Cần biết trước khi bắt đầu?
JavaScript
Chương trình giảng dạy
Tất cả
119 bài giảng ∙ (17giờ 46phút)
Ngày đăng:
Cập nhật lần cuối:
Đánh giá
Tất cả
30 đánh giá
4.7
30 đánh giá
연어와아아앙Đánh giá 24
∙
Đánh giá trung bình 4.9
5
100% đã tham gia몇 백만원하는 3개월 부트 캠프보다 훨씬 좋고 기초탄탄하게 잡아줘요. 그리고 Redux 이해 못 했던거 여기서 개념 다 잡았어요. \(❁´◡`❁)/ 아쉬운 점은 딱히 없는데 정말 굳이~~ 뽑자면 1. styled-components가 아닌 CSS 2. redux 업데이트 및 권장사항 (진짜 상관 없음.. 공식문서 찾아본 결과 문제 없다고 했음! 코드 짱 잘 돌아감.. 그냥 거슬림 정도..?!) 3. [쌩초보 기준] 모두 알려주는 강의가 아님 → 나머지 기능 본인이 만들어야 함(좀 많음) → 답지 깃허브 참고 못함 (특히, 초보 경우! class 작성/Hook/강의 내용과 180도 다른 코드) 저는 제 방식대로(함수형 버전&추천 라이브러리 사용 안 하고 원래 쓰던 라이브러리 사용&모바일 반응형& 개인 포트폴리오) 기능 다 만들기는 했는데.. 쌩초보자분은 질문 많이 하시거나 파워 구글링 또는 열정가득해서 맨땅에 헤딩 하시는 분이면 추천..! ✨단, 이런 경우 다른 강의 보세요. (리액트 쌩초보 기준)✨ 1. 나는 처음 부터 같이 따라 하면서 할려고 했는데?! 2. 난 답지 보면서 분석해야 이해가는데?!
- 코딩알려주는누나Giảng viên
안녕하세요 마지막 과제를 제외하고는 각 프로젝트 마다 전체 완성프로젝트 깃허브 링크가 있어서 코드 참고 가능합니다!!
- Yun hyunwook
Đánh giá 2
∙
Đánh giá trung bình 5.0
- e89cokr
Đánh giá 13
∙
Đánh giá trung bình 5.0
- 김혜린
Đánh giá 3
∙
Đánh giá trung bình 5.0
3.283.003 ₫
Khóa học khác của codingnuna10082706
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!
![[자바스크립트 GUI 개발 #1] Electron + React로 만드는 타이머 앱 (+ Zustand)Hình thu nhỏ khóa học](https://cdn.inflearn.com/public/files/courses/336817/cover/01jwx9ttbwnetdsbt5qrxgxb3x?f=avif&w=420)
![[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)Hình thu nhỏ khóa học](https://cdn.inflearn.com/public/files/courses/338156/cover/01k4c77bftwd8ec4k0yakavbrc?f=avif&w=420)
