Bài 1: Giới thiệu nội dung khóa học HTML CSS và cài đặt phần mềm cần thiết

0

Như đã giới thiệu trong các Tổng quan về lập trình web,chúng ta đã nắm được một số khái niệm cơ bản về website, lập trình web … Chúng ta sẽ đi vào khóa học cơ bản đầu tiên của lập trình web là HTML CSS.

Video – Giới thiệu nội dung khóa học HTML CSS và cài đặt phần mềm cần thiết

Hướng dẫn chi tiết

Lập trình web được chia làm 2 phần

Front-end: thiết kế giao diện người dùng. Một số ngôn ngữ thường dùng là html, css, javascript (bao gồm cả các thư viện và framwork của javascript).

Back-end: viết mã nguồn cho máy chủ để nhận những yêu cầu của người dùng, xử lý, truy xuất dữ liệu và trả về kết quả. Ngôn ngữ lập trình cho back-end có thể kể đến PHP, Java, C#, và ngay cả javascript.

Nội dung chính của loạt video này nói về Front-end, cụ thể hơn là HTML và CSS cơ bản.

⭐️ Phần 1: Giới thiệu về lập trình web, cài đạt phần mềm cần thiết.

⭐️ Phần 2: Các thẻ HTML và thuộc tính cơ bản CSS.

⭐️ Phần 3: Bootsrap

⭐️ Phần 4: Ứng dụng làm theme bootstrap

⭐️ Phần 5: Học cắt web từ file thiết kế. Chuyển giao diện thiết kế sang file html css.

Các phần mềm cần thiết

⭐️ Sublime text 3 Tải về

Chúng ta sẽ viết code html và css bằng sublime. Công cụ này giúp quản lý code dễ dàng và trực quan hơn. Cũng như rất gọn nhẹ, phù hợp với các máy có cấu hình thấp.

nội dung khóa học HTML CSS và cài đặt phần mềm
Giao diện của Sublime Text

⭐️ Trình duyệt Google Chrome – Tải về

Google Chrome sẽ là công cụ để chúng ta chạy thử các đoạn mã html css đã viết. Từ lâu, Firefox đã nổi tiếng bởi khả năng tuỳ biến cùng vô vàn các tiện ích mở rộng, nhưng trong vài năm qua, Google Chrome cũng được biến đến nhờ các chuyên viên thiết kế và lập trình viên. Một lý do để giải thích điều này đó là tốc độ cũng như những công cụ được xây dựng sẵn trong Chrome. Hiện nay, song song với sự phát triển chóng mặt của bộ sưu tập các tiện ích mở rộng, Chrome đã trở thành ưu tiên hàng đầu cho nhiều lập trình viên và chuyên viên thiết kế web.

nội dung khóa học HTML CSS và cài đặt phần mềm
Google chrome hỗ trợ rất tốt cho các lập trình viên và thiết kế web

⭐️ Faststone capture – Tải về

FastStone Capture là một công cụ nhỏ gọn, chụp ảnh màn hình và quay video trên máy tính rất là chuyên nghiệp. FastStone Capture tích hợp nhiều menu, cho phép bạn chỉnh sửa ảnh, thêm chú thích vào hình ảnh, thêm văn bản, xoay hình ảnh, cắt và ghép hình ảnh.

Nhưng năng chúng ta thường dùng đến là lấy mã màu và đo kích thước.

nội dung khóa học HTML CSS và cài đặt phần mềm
Công cụ Faststone Capture giúp lấy mã màu, đo kích thước

Trong khóa học này, chúng ta sẽ tìm hiểu từ cơ bản, và vận hành làm lại các website mẫu để dần làm quen.

Nếu có thắc mắc, đặt câu hỏi bằng cách comment bên dưới, qua email, hoặc nhắn tin qua Fanpage Góc làm web.

Đừng quên LikeShare nếu thấy bài viết thú vị.

Liên hệ

Để lại một trả lời

Địa chỉ email của bạn sẽ không được công bố.