제대로 파는 Git & GitHub - by 얄코(Yalco)
얄팍한 코딩사전
코알못도 따라올 수 있는 친절하고 쉬운 강좌! 현업 개발자는 Git 박사로 들어주는 끝판왕 강좌!
Beginner
Git, GitHub
BEST
Học HTML CSS đúng cách - by 얄코(Yalco)
Khóa học thân thiện, dễ hiểu, ngay cả người "mù code" cũng theo kịp! Khóa học đỉnh cao biến dev thành chuyên gia HTML & CSS!
Đánh giá từ những học viên đầu tiên
Dịch cái này sang tiếng Việt
HTML và CSS từ cơ bản đến nâng cao
Viết mã HTML dễ dàng với Emmet
Xây dựng web chuẩn
Những khái niệm CSS khó như position, layout, selector, v.v.
Kế thừa và Reset, vendor prefix, focus visible, v.v. - những khái niệm phức tạp
Sử dụng nâng cao: Biến, phông chữ web, bộ lọc, hoạt ảnh, v.v.
Đối ứng responsive di động
Tiếp cận - Xây dựng website dành cho người dùng đa dạng
Cấu trúc trang web phù hợp dùng thẻ ngữ nghĩa và BEM
Kiến thức thực tế qua đồ án cuối khóa
⭐️ Bạn có tài khoản email của trường đại học không?
🎓 Nhận ngay phiếu giảm giá một nửa dành cho sinh viên (nhấp vào) 👉
Hãy học những điều này! 📚
- HTML và CSS Từ những kiến thức cơ bản dành cho người mới bắt đầu đến những kiến thức nâng cao và mẹo thực tế dành cho các nhà phát triển đang làm việc, thậm chí cả những lý thuyết khó hiểu, bạn đều có thể dễ dàng học được.
- Không chỉ trình bày trực quan, bạn sẽ học cách tạo một trang web "tốt" có sự tham gia của nhiều người và thích hợp để cộng tác với các nhà phát triển khác.
Tại sao tôi tạo ra khóa học 'Bán hàng đúng cách' ⛏️
Tôi muốn tạo ra một loạt bài hướng dẫn giúp người mới bắt đầu có thể trải nghiệm viết mã đầu tiên.
Bước đầu tiên, tôi chọn HTML & CSS làm chủ đề đầu tiên vì nó tương đối dễ học ngay cả khi không có kiến thức về khoa học máy tính .
Mặt khác, HTML & CSS có rào cản gia nhập thấp, nhưng không phổ biến để tìm thấy các nhà phát triển nghiên cứu sâu về chúng và sử dụng chúng 'đúng cách' . Vì vậy, tôi muốn đi sâu vào các khái niệm khó và các thuộc tính chi tiết để tạo ra một khóa học có thể giúp ích rất nhiều cho các nhà phát triển và nhà xuất bản đang làm việc.
Khóa học này được tạo ra sau một thời gian dài nghiên cứu và chuẩn bị với mục tiêu tạo ra một khóa học thực sự tuyệt vời và bổ ích.
Ai là người giảng dạy khóa học này?
Bạn có muốn nghe không? 👨💻
Dành cho những người mới học lập trình
Nhà thiết kế web muốn xuất bản
Các nhà phát triển muốn giỏi HTML/CSS
- 🍼 Những người mới bắt đầu học lập trình
- 🎨 Các nhà thiết kế web muốn tự xuất bản
- 🎓 Các nhà phát triển muốn cải thiện kỹ năng HTML và CSS
- ⛏️ Các nhà phát triển muốn nghiên cứu lý thuyết chuyên sâu về HTML và CSS
- 💖 Các nhà phát triển muốn phát triển web tuân thủ tiêu chuẩn và dễ truy cập
Ngay cả trong một cuốn sách
Nó ra rồi! 📙
Tôi đã nhấn vào nội dung bài giảng để bạn có thể kiểm tra ngay.
(ℹ️ Cuốn sách này chỉ đề cập sơ qua đến những kiến thức cơ bản về JavaScript.)
Chỉ có trong bài giảng của Yalko
Có gì đặc biệt ✨
Nhanh chóng và dễ dàng
Bài giảng video 🚀
Tiết kiệm thời gian quý báu của bạn với quy trình mới mẻ và đơn giản. (Xin hãy hiểu rằng tùy thuộc vào học viên, phần nói có thể diễn ra nhanh. Hãy đảm bảo lắng nghe phần bài giảng miễn phí trước khi tham gia lớp học! )
Giải thích quá nhiều
Bài giảng chi tiết 🎙️
Chúng tôi đã chuẩn bị một giải thích chi tiết về chức năng của từng thẻ và thuộc tính, cũng như những cách sử dụng khác nhau của chúng, cách sử dụng chúng theo các tiêu chuẩn web và thậm chí cả các nguyên tắc lý thuyết, để bạn có thể tìm hiểu càng nhiều càng tốt.
Thông qua trang web
Thực hành thuận tiện 🖥️
Đối với mỗi bài học, các điểm chính của video cùng các lệnh và mã thực hành sao chép và dán được sắp xếp trên trang web để bạn có thể theo dõi và áp dụng để dễ dàng thực hành.
Nội dung cơ bản
Miễn phí cho công chúng 😎
Để đảm bảo sinh viên có thể học tập mà không phải chịu gánh nặng, 5 giờ nội dung đầu tiên sẽ được cung cấp miễn phí trước.
Yalko là ai? 😀
Tôi là một YouTuber phát sóng kênh YouTube Yalpakhan Coding Dictionary và là tác giả viết sách về CNTT. Dựa trên kinh nghiệm của mình với tư cách là một nhà phát triển full-stack, tôi tạo ra nội dung giải thích các khái niệm lập trình khó theo cách mà người mới bắt đầu có thể dễ dàng hiểu được, bằng cách sử dụng phép so sánh, ví dụ dễ hiểu và đôi khi là hình ảnh động.
🎬 Kênh Từ điển mã hóa nông trên YouTube (Nhấp vào!)
📕 Hãy xem sách của Yalko (nhấp vào!)
Được thiết kế đặc biệt cho bài giảng
⭐️ Sân chơi ⭐️
- Trang web của khóa học có các sân chơi được sắp xếp theo chủ đề giúp việc học và ôn tập CSS dễ dàng hơn.
- Bằng cách điều chỉnh giá trị của từng thuộc tính, bạn có thể trực tiếp xem chúng được phản ánh như thế nào trong các thành phần trên web.
- Bạn có thể tìm hiểu nhiều ví dụ khác nhau về cách sử dụng thuộc tính CSS bằng cách kiểm tra loại giá trị nào có thể được sử dụng.
Nếu bạn tham gia bài giảng này
Điều gì sẽ thay đổi? 💪
- Người mới bắt đầu và người không chuyên sẽ không còn sợ lập trình nữa.
- Bạn sẽ có được sự tự tin để xuất bản lên bất kỳ trang web nào.
- Bạn sẽ hiểu rõ hơn về những khái niệm mà trước đây bạn chỉ biết mơ hồ và những chức năng mà bạn chưa biết nhiều khi sử dụng.
- Bạn sẽ học cách xây dựng một trang web "đúng cách", "tử tế" và "chu đáo".
Nội dung gì
Tôi có học được không? 📚
✅ Phần 1: Cơ bản về HTML Thẻ HTML và cách sử dụng chúng một cách phù hợp
- Nhiều thành phần web như nội dung văn bản, danh sách, hình ảnh, bảng, liên kết và đầu vào.
- Mã hóa theo tiêu chuẩn và khuyến nghị của web
- Mã hóa nhanh với Emmet
✅ Phần 2: Cơ bản về CSS
- Nhiều phương pháp ứng dụng và bộ chọn cơ bản của CSS
- Định dạng các thành phần khác nhau như thành phần văn bản, danh sách, màu sắc, hình nền, v.v.
- Các khái niệm cốt lõi của CSS như nội tuyến/khối, mô hình hộp và vị trí.
- Cấu trúc trang web sử dụng flex layout
✅ Phần 3: HTML nâng cao
- Cài đặt trang như thông tin meta, chế độ xem, đồ thị mở, v.v. trong tiêu đề
- Tổ chức các trang của bạn một cách có hệ thống với các thẻ ngữ nghĩa và BEM
- Cung cấp khả năng truy cập phù hợp với nhiều người dùng khác nhau
- Cách sử dụng SVG, video và các phương tiện truyền thông khác
✅ Phần 4: CSS chuyên sâu
- Các khái niệm thực tế như nhập, biến, đặt lại, tiền tố nhà cung cấp, v.v.
- Bố trí sử dụng dạng nổi và dạng lưới
- Chuyển tiếp, hoạt ảnh, bộ lọc và nhiều tính năng CSS khác
- Tạo một trang web phản hồi
- Cách sử dụng các thành phần bên ngoài như phông chữ web, biểu tượng và khung
 |  |
✅ Phần 5: Đồ án cuối kỳ
- Chúng ta sẽ thực hành tạo một trang web phản hồi như trang web ở trên, chỉ sử dụng HTML và CSS, mà không sử dụng JavaScript.
Những câu hỏi thường gặp
Hãy xem thử nhé 💬
H. Tôi mới học lập trình. Tôi vẫn có thể tham gia lớp học chứ?
A. HTML và CSS là những chủ đề tốt nhất để người mới bắt đầu. Chúng tôi sẽ sử dụng các thuật ngữ dễ hiểu để giải thích mọi thứ, từ thiết lập môi trường ban đầu đến sử dụng các công cụ lập trình, thậm chí cung cấp bài thực hành để ngay cả người mới bắt đầu cũng có thể làm theo.
H. Điều này có hữu ích không nếu tôi đã có một số kinh nghiệm về phát triển web?
A. Ngay cả khi các nhà phát triển web nghĩ rằng họ biết và sử dụng tốt các thẻ HTML cơ bản và thuộc tính CSS, khi họ nghiên cứu sâu hơn, họ thường nhận ra rằng vẫn còn rất nhiều điều họ không biết. Bạn sẽ có thể sử dụng các thành phần và chức năng mà cho đến nay bạn chỉ biết mơ hồ và tận dụng hiệu quả hơn, và bạn sẽ có thể học được kiến thức hữu ích để tạo ra một trang web đẹp không chỉ về mặt hình thức mà còn về mặt nội dung và cấu trúc.
H. Bài giảng rất nhanh, vậy có khó không?
A. Video tiến triển nhanh, nhưng mỗi bài giảng đều có trang bài giảng được liên kết để bạn có thể dễ dàng xem lại và thực hành nội dung video. Với các ví dụ và sân chơi trên khắp trang, bạn sẽ có thể học theo cách tối đa hóa hiệu quả về thời gian!
Khuyến nghị cho
những người này
Khóa học này dành cho ai?
Người lần đầu học coding
Nhà thiết kế web muốn tự thực hiện publishing
Lập trình viên muốn sử dụng HTML, CSS tốt hơn
Developer muốn học sâu lý thuyết HTML và CSS
Lập trình viên muốn phát triển web tuân thủ chuẩn và có tính tiếp cận cao
30,123
Học viên
1,541
Đánh giá
85
Trả lời
4.9
Xếp hạng
17
Các khóa học
유튜브 채널 얄팍한 코딩사전을 방송하는 유튜버이자, IT서적들을 집필하는 작가입니다. 풀스택 개발자로 일해 온 경험을 살려, 어려운 프로그래밍 개념들을 초보자들이 이해하기 쉽도록 비유와 쉬운 예제, 때로는 애니메이션으로 설명하는 컨텐츠들을 만들고 있습니다.
🎬 YouTube 얄팍한 코딩사전 채널 (클릭!)
📕 얄코의 책들 보러가기 (클릭!)
Chương trình giảng dạy
Tất cả
54 bài giảng ∙ (11giờ 16phút)
10. Chèn ảnh
11:53
12. Link ngoài
09:24
20. 색 표현하기
10:46
22. Mô hình hộp 1
18:37
23. Mô hình hộp 2
14:28
24. Trang trí nền
14:08
25. Định vị
13:49
27. Flex Layout
22:34
Ngày đăng:
Cập nhật lần cuối:
Đánh giá
Tất cả
120 đánh giá
5.0
120 đánh giá
HanshĐánh giá 1
∙
Đánh giá trung bình 5.0
5
100% đã tham giaCoursera에서 Johns Hopkins html/css/js 강의 듣다 일루 넘어왔다. 존스홉킨스가 명문대임에도 불구하고 형편없는 강의였다. 하지만 이 강의는 달랐다. 1. 첫번째로 강의를 평가할때 내용의 총 시간을 보는데, 시간이 짧은 강의들은 깊게 파고들지 않을 수 있어서 안본다. 하지만 이 강의는 12시간으로, html/css만 커버하는데 꽤 긴 시간이라 믿음이 갔다. 강연자 또한 빠르게 강의를 진행해서, 사실상 한 30시간을 압축시킨거라고 볼 수 있다. 2. 두번째는 강연자의 내용 전달력인데, 이 강의는 내용을 굉장히 효율적이고 깔끔한 방법으로 전달한다고 느꼈다. 강의의 흐름도 마음에 들었다. 그리고 핵심적인 부분은 물론, 알아만 둬도 괜찮은 부분까지 다 커버하고. 수월하게 이해를 시키기 위해 많은 노력을 한 것처럼 보인다. 3. 세번째는 여기서만 들을 수 있는 코딩 환경 셋팅 방법이랑, 여러가지 팁들, 그리고 혼자 어떻게 더 나아가서 공부 할 수 있는지 알려주는것이 좋았다. Coursera, Udemy 에서 유명하기만 하고 형편 없는 강의들만 듣다가, 간만에 실속있는 강의를 봐서 좋았다. 유명세와 강의력은 상관관계가 뚜렸하지 않다는걸 깨닳게 해줬다.
- 얄팍한 코딩사전Giảng viên
열심히 준비한 만큼 큰 보람 느끼게 해주셔서 감사합니다 ㅠㅠ 사실 똑똑한 교수님들일수록 본인들이 너무 탁월하시고 잘 아시기 때문에, 입문자분들이 듣기에는 오히려 그분들의 강의가 전달력이 높지 않은 경우가 많더군요. 부족한 머리를 가진 사람으로서, 어떻게 강의하면 남들이 잘 이해할까 많은 고민을 하면서 만들었는데 그만큼의 도움이 되어드렸다니 정말 기쁩니다. 앞으로도 더 좋은 강의들로 보답하겠습니다. 수강해주셔서 감사합니다!!
- 하정원
Đánh giá 1
∙
Đánh giá trung bình 5.0
- HDK
Đánh giá 6
∙
Đánh giá trung bình 5.0
- sky-j
Đánh giá 5
∙
Đánh giá trung bình 5.0
5
100% đã tham gia백엔드 쪽만 하다가 프론트쪽 디자인 하는데 너무 막히는 부분이 많아서 구매해서 듣게 되었구요. 처음 강의를 다 봤을땐 알쏭 달쏭 알듯 모를듯 상태에서 디자인 작업 하다가 문득 강의에서 들은 것 같은데 정확히 모르고 쓰고 있네? 할때마다 그부분 다시 찾아가서 다시 듣고 하니까 처음 들을때랑 다르게 다시 명확하게 이해하고 쓰게 되었어요. 좀 더 심화된 내용이 있다면 결제해서 들을 것 같습니다. (23-02-23) 지금 개발 하면서 뭐가 안 됐을 때 문제점 찾아서 원하는데로 명령어 넣으면 딱 바뀌는 모습이 너무 즐겁습니다. / TMI일수 있지만 저는 처음 강의 들을때 속도도 너무 빠르다고 생각했고 홈페이지에서 조작하면서 알려주시는 게 보면서 이해는 되도 남는 게 없을 것 같았는데 2회독 할 때 진가를 발휘합니다. 다른 분들도 꼭 1회독 하시고 디자인 해보다가 2회독 때는 정독 하시지 말고 안 되는 부분 카테고리 찾아가서 다시 보면 진짜 .... 진국 아닌 찐국입니다. // 시간이 조금 나면 깃허브, 자바스크립트 강좌 들어봐야겠어요
- 얄팍한 코딩사전Giảng viên
실무에 도움이 되어드려 기쁩니다 ㅠㅠ 수강해주셔서 감사합니다!!!
- with_all
Đánh giá 11
∙
Đánh giá trung bình 5.0
926.720 ₫
Khóa học khác của yalco
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!
![모던 웹 인터렉티브 CSS3 [PART2/3]Course Thumbnail](https://cdn.inflearn.com/public/courses/335745/cover/db39333d-68a5-4ca7-9629-dac891711a94/335745.jpg?f=avif&w=420)
![웹디자인개발기능사 [2025년] 실기전체 (카톡질문가능)Course Thumbnail](https://cdn.inflearn.com/public/courses/332868/cover/3a2245ca-bb9f-414a-ba67-403cfcb2b7c9/332868.jpg?f=avif&w=420)
![풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]Course Thumbnail](https://cdn.inflearn.com/public/course-326306-cover/4ea213de-f786-4af1-a9d0-b8932263885a?f=avif&w=420)
![[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드Course Thumbnail](https://cdn.inflearn.com/public/courses/324878/course_cover/12211037-e74b-46b3-8942-46d465b81bba/webdesign-cover-02.png?f=avif&w=420)
![제대로 배우는 JavaScript: 객체지향 프로그래밍 완성 & 전략형 AI 틱택토 실전 Part2 [중급편]Course Thumbnail](https://cdn.inflearn.com/public/files/courses/336946/cover/01jv48md3p02hgkwt4yh1svf3j?f=avif&w=420)
