Học html css ở đâu

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

"Ra đời, cuộc sống bươm chải, có làm vẫn không có ăn" nên phải gắn QUẢNG CÁO Các bạn cần hosting WordPress nhanh, rẻ và dễ sử dụng có free SLL hãy chọn Azdigi nhé. Link đăng ký: NHẬN NGAY ƯU ĐÃI Nếu các bạn mua hosting từ link trên, mình sẽ có một ít tiền để duy trì. Cảm ơn

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.

"Thăm ngàn, kẹp ngần nhưng vẫn không đủ chai ni [trả nợ]" nên dành vài dòng cho QUẢNG CÁO Các bạn cần hosting PHP - WordPress nhanh, rẻ và dễ sử dụng có thể chọn Azdigi nhé. Link đăng ký: NHẬN NGAY ƯU ĐÃI Nếu các bạn đăng ký hosting từ link quảng cáo, mình sẽ có một ít tiền để duy trì và "chai ni".

⭐️ 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.

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.

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.

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ập trình web HTML5, CSS3, jQuery, Bootstrap

  • Khóa học cung cấp cho học viên là những bạn bắt đầu tìm hiểu về lập trình web muốn có đủ kiến thức và kỹ năng để có thể thực hiện các website tĩnh
  • Trang bị những kiến thức nền tảng vững chắc về lập trình Web bắt đầu từ HTML đến HTML5, từ CSS đến CSS3 và từ Javascript đến jQuery, để có thể nhúng các xử lý vào các trang HTML, lập trình Web ở mức client-side
  • Áp dụng Bootstrap framework thiết kế website hiện đại, đẹp mắt, có khả năng tương tác cao, tương thích với mọi trình duyệt và hiển thị trên mọi thiết bị
  • Cung cấp nguồn kiến thức nền tảng về thiết kế website tĩnh để HV tự tin tham gia các khóa học về xây dựng web động như PHP, Asp.Net và Web Java, Web Python

Sẽ rất hữu ích nếu bạn là:

  • Học viên đã có kiến thức về tin học căn bản [Tin học văn phòng].
  • Sinh viên Công nghệ thông tin muốn bổ sung các kiến thức nền tảng về lập trình Web.

Bạn sẽ nhận được gì qua khóa học?

Sau khi hoàn thành khóa học, học viên sẽ đạt được các kỹ năng:

  • Sử dụng thành thạo các tag HTML để xây dựng trang Web
  • Truy cập và thiết lập thuộc tính các đối tượng trong mô hình đối tượng của trang HTML, làm chủ các đối tượng và điều khiển trang Web theo ý muốn
  • Đặc biệt, HV sẽ xây dựng được website tĩnh theo nhiều phong cách khác nhau ví dụ như One page, Portifolio, Galary với giao diện chuyên nghiệp, có các xử lý và các hình ảnh sống động, hiện đại
  • Sử dụng thành thạo jQuery để tạo web page chuyên nghiệp
  • Sử dụng thành thạo Bootstrap để tạo web page responsive
  • Xây dựng trang web từ template file ảnh
  • Xây dựng hoàn chỉnh web page thực tế từ template html

Sản phẩm học viên

Khoản đầu tư dành cho khóa học:

  • Thời gian học: 5 tuần
  • Tổng số giờ: 64 tiết, học trực tiếp trong phòng máy
  • Học phí: 2.000.000 VNĐ/khóa [có chế độ miễn giảm của mỗi khóa, xem chi tiết trong Thời Khóa Biểu]

Bạn sẽ học những gì?

  • Tìm hiểu về các môi trường tạo trang web tĩnh: Dreamweaver, Notepad++, Aptana Studio 3.0 ...
  • Tạo trang web với ngôn ngữ HTML
    • Sử dụng các thẻ HTML cơ bản: head, body, Heading, div, paragraph, link, image, … để tạo web layout ban đầu
  • Tạo trang web với ngôn ngữ HTML5
    • New Elements, HTML5 Canvas, SVG, Google Maps, Multimedia, Video, Audio, Plug-ins, YouTube, Geolocation, Drag and Drop, Server-Sent Events
  • Hoàn chỉnh giao diện trang web với CSS
    • Giới thiệu CSS và các loại CSS
    • Tạo và sử dụng CSS cơ bản và phức tạp: ID Selector, Class Selector, nhóm, nhóm lồng nhau, lớp giả…
  • Tùy biến giao diện web với CSS3
    • Rounded Corners, Border Images, Backgrounds, Colors, Gradients, Shadow Effects, Text, Web Fonts, 2D Transforms, 3D Transforms, Transitions, Animations, Images…
  • Xử lý trang web với ngôn ngữ Javascript
    • Tham chiếu các element trong DOM
    • Sử dụng các sự kiện trong DOM để viết các xử lý trên trang web khi người dùng tương tác
  • Tạo giao diện chuyên nghiệp bằng jQuery
    • Sử dụng các Effects trong jquery để tạo các hiệu ứng đẹp mắt và chuyên nghiệp cho web
  • Cài đặt và sử dụng Bootstrap framework
    • Cài đặt Bootstrap, các IDE hỗ trợ Bootstrap
    • Sử dụng Bootstrap CSS
    • Bootstrap Component
    • JavaScript trong Bootstrap
  • Xây dựng trang HTML/CSS từ PSD
    • Sử dụng photoshop cắt file PSD và viết code xử lý HTML/CSS page
  • Xây dựng website từ template html có sẵn
    • Tìm hiểu template gốc
    • Phân tích website yêu cầu
    • Hiệu chỉnh template gốc thành website theo yêu cầu
    • Hoàn chỉnh website

BẰNG CẤP - CHỨNG CHỈ

Học viên thi đạt kết quả cuối môn học sẽ được cấp chứng nhận "Lập trình Web HTML5, CSS3, JQuery và Bootstrap" do Trung Tâm Tin Học - Trường ĐH Khoa Học Tự Nhiên cấp.

LỊCH KHAI GIẢNG Xem thêm

Lập trình web HTML5, CSS3, jQuery, Bootstrap - 64 tiết [ 5 tuần]

Học phí : 2.000.000 đ

  • Điều kiện: Có kiến thức Tin học văn phòng & sử dụng Internet.

LớpThời gianNgày khai giảngĐịa điểm học
LHCB_276T357Thứ 3 - 5 - 7 [17.45 - 21.00]14/06/2022227 Nguyễn Văn Cừ, Q.5Đăng ký

Video liên quan

Chủ Đề