웹 개발의 핵심, HTTP 완벽 마스터하기!
김정환
HTTP 기본부터 데이터 요청, 실시간 통신, 보안, 그리고 성능 최적화까지, 웹 개발자가 반드시 알아야 할 네트워크 지식을 배워보세요.
Basic
Ajax, https, cors
Tôi có thể hiểu môi trường phát triển đã được thiết lập. Tôi có thể tự mình tạo môi trường phát triển từ đầu.
Cách sử dụng hệ thống module và tự động hóa môi trường phát triển (Webpack)
Thiết lập môi trường sử dụng cú pháp Javascript mới nhất (Babel)
Tạo môi trường phát triển hợp tác với đồng nghiệp (ESLint, Prettier)
Hiểu và áp dụng các công nghệ front-end như Webpack, Babel và Lint vào công việc của bạn!
Nếu người đó rời khỏi nhóm thì sao? Có lẽ bạn nên là một trong số họ.
Nếu bạn là người duy nhất trong nhóm phát triển, việc cấu hình webpack là điều không thể tránh khỏi.
Sẽ thế nào nếu tôi có thể tự tay thiết lập môi trường phát triển?
Nếu bạn có thể đọc và hiểu được mã mà người khác đã tạo (chẳng hạn như mã được tạo bằng create-react-app hoặc vue-cli), bạn sẽ tự tin hơn nhiều vào công việc của mình.
Chúng tôi đã tạo ra một khóa học hướng dẫn bạn cách tự động hóa và cải thiện năng suất của môi trường phát triển front-end, bao gồm Webpack, Babel, Lint và Prettier.
Tôi hy vọng điều này sẽ giúp bạn làm việc hiệu quả hơn.
Tôi sử dụng VSCode , nhưng bạn có thể sử dụng trình soạn thảo hoặc IDE yêu thích của mình.
Vui lòng cài đặt Git để tiếp tục đào tạo. Vui lòng sử dụng phiên bản v2.3.0 trở lên vì một số lớp sử dụng git hook.
H. Xin hãy cho chúng tôi biết lý do nào khiến bạn bắt đầu khóa học này.
A. Mặc dù công nghệ front-end được cho là rất nhanh, nhưng tôi vẫn muốn tổ chức nó một lần. Bắt đầu với Webpack, tôi đọc từng hướng dẫn sử dụng của các công cụ phát triển thường dùng và sắp xếp chúng thành một blog có tên là "Hiểu về môi trường phát triển Front-End (Tổng cộng 5 phần)" . Sau đó, vào năm ngoái năm 2019, tôi đã tổ chức một hội thảo về chủ đề này tại T Academy và thật ngạc nhiên, có rất nhiều người cần nó giống như tôi. Vì nhận được phản hồi tốt nên tôi đã bổ sung nội dung và mở một khóa học trực tuyến trên Inflearn.
H. Khóa học này có ưu điểm gì đặc biệt không?
A. Tôi nghĩ chủ đề về môi trường phát triển có thể hơi khó thực hành. Bởi vì tôi không biết nhiều về nó nếu tôi chỉ đọc hướng dẫn rồi tiếp tục. Vì vậy, tôi đã chuẩn bị một bài tập thực hành nhỏ cho mỗi lớp lý thuyết ( Kho lưu trữ thực hành: lecture-frontend-dev-env ). Dựa trên mã được trình bày trong bài giảng trước , " Tìm hiểu về phát triển JavaScript và VueJS thuần túy thông qua phát triển giao diện người dùng thực tế ", tôi đã chuẩn bị các bài tập thực hành từng bước để thiết lập môi trường phát triển tại đây. Nếu bạn tìm hiểu từng phần một, bạn sẽ sớm quen với việc thiết lập môi trường phát triển.
H. Tôi có thể làm gì với khóa học này?
A. Bạn sẽ có thể hiểu được môi trường phát triển của dự án mà bạn hiện đang phát triển. Nếu cần, bạn có thể tùy chỉnh để tăng năng suất. Bạn mới bắt đầu dự án của mình phải không? Sau đó, bạn có thể tùy chỉnh môi trường phát triển của riêng mình cho phù hợp với sở thích.
Khóa học này dành cho ai?
Tôi chỉ quen phát triển trên môi trường đã được thiết lập sẵn nên hoàn toàn không biết gì về cấu hình Webpack hay Babel cả.
Tôi đã dùng thử Webpack rồi, nhưng tôi muốn biết nó hoạt động như thế nào.
Chúng tôi muốn duy trì quy ước mã hóa nhất quán, nhưng thật khó vì chúng tôi làm việc theo nhóm.
Cần biết trước khi bắt đầu?
Cần có kinh nghiệm phát triển frontend cơ bản (JavaScript, HTML, CSS).
13,787
Học viên
858
Đánh giá
585
Trả lời
4.8
Xếp hạng
9
Các khóa học
수업 중 궁금한 사항은 질문 사항에 올려주세요.
매일 한 번씩 확인하고 답변 드리겠습니다.
Tất cả
39 bài giảng ∙ (5giờ 2phút)
Tất cả
209 đánh giá
4.9
209 đánh giá
Đánh giá 24
∙
Đánh giá trung bình 5.0
5
선행으로 생활코딩 webpack 강의를 듣고 오시면 많은 도움이 될거 같습니다. 기본적으로 JavaScript, npm, package.json이 뭔지 알아야 강의 진행이 원활할거 같습니다. 처음엔 그저 따라해도 무리는 없겠지만 뒤로 갈수록 어려워질수 있습니다. 보통 설정파일, 로더, 플러그인이 뭔지 예시 몇개 보여주는 강의는 많았는데 이렇게 웹팩에 대해 1-10까지 보여주는 강의는 없었던거 같습니다. 요즘 모듈모듈 이러는데 정확히 모듈의 개념이 뭔지 알수 있어 많은걸 얻었던 시간이었습니다. 좋은 강의 감사드립니다.
Đánh giá 8
∙
Đánh giá trung bình 4.9
5
웹팩을 참 막연하게 사용하고 있었는데 웹팩을 이해하는데 정말 큰 도움이 되었습니다. 웹팩을 쓰고는 있지만 뭐가 어떻게 돌아가는 건지 아직도 감이 안온다.. 하시는 저 같은 분들에게 정말 100번 추천하고 싶습니다. 보다가 재밌어서 새벽 늦게까지 볼 정도로 흥미롭게 봤습니다. 웹팩 심화까지 먼저 보고 아직 바벨, 린트는 못 봤는데 나머지 강의도 잘 보겠습니다! 좋은 강의 만들어 주셔서 정말 감사합니다. :D 김정환님 강의는 믿고 봅니다...
일하다보면 웹팩 조금씩 건들면서 사용하는데 이게 잘 감이 안오더라구요. 문서 보면서 하나씩 짚어가면서 정리하니깐 이제 좀 자신감이 생기는 것 같습니다. 비슷한 상황으로 도움이 되셔서 무척 뿌듯합니다.
Đánh giá 6
∙
Đánh giá trung bình 5.0
5
프론트엔드 개발자입니다. 그냥 번들러나 트랜스파일러 어떻게 돌아가는지 제대로 알고싶어 수강했는데 바벨에서 플러그인 설명하실때 감탄했습니다... 그동안 플러그인한번도 안보고 프리셋 사용만 그냥 생각없이 했어서 강의보다가 어 왜 저렇게 일일이 다 추가 하시지 뭐지? 했는데 그저 감탄... 프리셋 동작원리를 설명하시려고 그전에 일일이 그렇게 말씀해주시니 프리셋이 왜 필요한지 어떻게 바벨이 돌아가는지 이해하는데 아주 도움이 됬습니다~!! 프론트엔드 개발 꿈꾸시는분들 막상 회사 가시면 각자의 회사의 가이드나 자주사용하는 코드모음 같은것들이 있어서 사실상 스타터로 개발하는경우 거의 없습니다... 그러니 강의 꼭 들어보세요~!! 강추입니다. webpack, vite, gulp 등등 번들링도 너무많은데 그냥 그런것들이 왜 필요한지 정말 잘 알려주시는것 같아요 ㅠㅠ 번들링, 진짜 무서웠고 개발 셋팅하는게 제일 힘들고 무서워서 그냥 기능개발만 하고싶었는데 이제 별로 두렵지 않습니다~!! 다른강의도 많이 많이 내주시고 실무에서 많이 도움되는것들 알려주시면 감사하겠습니다~!! 아 그리고 선생님 혹시 기본 스타터 처럼 셋팅하는 그런것도 강의 추가해주시면 정말 재밌을거 같습니다~!!
이 수업을 개발 환경을 이해하시는데 도움이 되셨다니 다행입니다. 좋은 피드백 고맙습니다.
1.464.816 ₫
Hãy khám phá các khóa học khác của giảng viên!
Khám phá các khóa học khác trong cùng lĩnh vực!