By GokiSoft.com|
20:30 18/01/2022|
Học HTML5 - CSS3
[Video] Giới thiệu HTML/CSS/JS & Git/Github - Khóa học lập trình HTML/CSS/JS
#dog-fun.jpg
https://gokisoft.com/uploads/stores/49/2022/01/dog-fun.jpg#readme.txt
Phát triển 1 website hoàn thiện (bán hàng, tin tức, .v.v)
- HTML/CSS/JS -> Hoc dau tien -> mon chung ta se hoc
- Bootstrap/jQuery: Bổ sung thêm trong chương trình.
- AngularJS
- SQL Server
- PHP/Laravel
==============================================================
Khái niệm & thuật ngữ mà chúng ta cần tìm hiểu:
- Domain/DNS: gokisoft.com, facebook.com, google.com -> Nghĩa là gì -> đăng ký như thế nào
- IP: địa chỉ IP -> Tìm hiểu kỹ hơn
- Hosting là gì?
- Server là gì?
- Frontend: Ý nói tới các ngôn ngữ đc biên dịch ở phía trình duyệt web (chrome, cốc cốc, ie, firefox, .v.v) -> Mọi người đều có thể xem được -> public
- Backend: Ý nói về ngôn ngữ được chạy và biên dịch ở phía server/hosting
Yêu cầu: đắng ký 1 tên miền Free + hosting Free (000webhost) -> cấu hình liên kết lại -> Tạo 1 website cá nhân.
================================================================
Nội dung học:
- Cách học môn HTML/CSS/JS (HTML/CSS + JS)
- HTML/CSS: Có nhiều thứ đề ghi nhớ -> ngồi học thuộc (bất khá thi) -> Gõ nhiều bài tập -> Tự ghi nhớ
- Tự tra cứu về HTML/CSS -> Bổ sung kiến thức -> Thông qua bài tập -> Thiếu j -> bổ sung cái đó.
- Tài liệu học: Aptech + gokisoft/w3school & video
- Cài đặt môi trường phát triển
- HTML/CSS/JS -> Biên dịch bởi trình duyệt web (chrome, cốc cốc, ...)
- IDE (Soạn thảo code)
- Visual Studio -> Khá mạnh
- WebStorm -> Khá mạnh
- Jetbrain -> Khá mạnh
- Sublime Text 4 -> Nhẹ (PC) -> Cần cái j thì cài cái đó
-> https://www.sublimetext.com/
- Phát triển 1 website cơ bản
- Phát triển 1 dự án
- Quy tắc phát triển web: coding convention
1) Tổ chức Folder -> Đẩy code lên Server/Host -> ko gặp lỗi
2) Đặt tên folder & file -> tất cả đều bằng chữ thường (lowercase) & gồm các ký tự a-z0-9-_
- Biến gokisoft thành hosting để public website
- https://gokisoft.com/video-gioi-thieu-htmlcssjs--gitgithub-khoa-hoc-lap-trinh-htmlcssjs/comment/5583/vidu.html
- Git/Github -> Biến github thành hosting -> public website -> Mất thời gian nhiều nhất
- Github
1) http://github.com/ -> Tạo tài khoản
2) ... xem video (hinh anh)
- push/pull -> git (phần mềm hỗ trợ các bạn làm điều đó)
- https://git-scm.com/ -> Cài đặt
=========================================================
Làm việc với git/github
I) Chưa đẩy code lên github bao giờ
- git init : Khởi tạo môi trường làm việc git trên folder dự án trên máy tính
- git add -A : Tạo gói tín chuẩn bị gửi lên github -> đóng gói -> hộp
- git commit -m 'First commit' : đang nhã lên gói tin gửi lên github (commit)
- Gặp một vài lỗi -> yêu cầu
- Cài đặt cấu hình
- Login nhập vào github
- Kết nội dự án trên máy tính vs github
git remote add origin https://github.com/tranvandiep/C2110L.git
- Đẩy code lên github
git push origin master
II) Đã từng đẩy code
- git add -A
- git commit -m 'Add test.html'
- git push origin master
III) Publish web len github#test.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Test Page</title>
</head>
<body>
<h1>Welcome to learn HTML/CSS</h1>
</body>
</html>#vidu.html
<!-- Khai báo cho trình duyệt web biết đây là tài liệu html/css/js -->
<!DOCTYPE html>
<!-- Tên thẻ: html, head, meta, title, body, .v.v. -->
<!-- Thẻ: Thẻ mở & thẻ đóng -->
<!-- Thẻ mở -->
<html>
<head>
<!-- Những thẻ liên quan tới cấu hình & tải tài nguyên -->
<!-- Thẻ tự đóng : Từ từ sẽ tự ghi nhớ -> Ko phải lo lắng lắm -->
<!-- Khai báo trình duyệt web biết -> Nội dung web sử dụng mã utf-8 -->
<meta charset="utf-8">
<!-- Cho phép lập trình responsive: Hiển thị trên PC & Mobile -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Hiển thị tiêu đề web -->
<title>HTML/CSS for beginer</title>
</head>
<body>
<!-- Những thẻ liên quan tới hiển thị nội dung web -->
<!-- Chạy trang web nay như nào -->
<!-- Hướng dẫn cách dung sublime text -->
<!-- Tim hiểu về vài thẻ căn bản -->
<h1>Welcome to learn HTML/CSS/JS</h1>
<h2>Welcome to learn HTML/CSS/JS</h2>
<h3>Welcome to learn HTML/CSS/JS</h3>
<h4>Welcome to learn HTML/CSS/JS</h4>
<h5>Welcome to learn HTML/CSS/JS</h5>
<h6>Welcome to learn HTML/CSS/JS</h6>
<img src="https://gokisoft.com/uploads/stores/49/2021/10/coding-c-program.jpg" width="1000px">
<img src="dog-fun.jpg">
</body>
<!-- Thẻ đóng -->
</html>Tags:
Phản hồi từ học viên
5
(Dựa trên đánh giá ngày hôm nay)
![GokiSoft.com [Teacher]](https://www.gravatar.com/avatar/fc6ba9324e017d540af3613b3a77dd21.jpg?s=80&d=mm&r=g){kind=avatar}
GokiSoft.com
2022-01-18 12:54:15
#dog-fun.jpg
https://gokisoft.com/uploads/stores/49/2022/01/dog-fun.jpg#readme.txt
Phát triển 1 website hoàn thiện (bán hàng, tin tức, .v.v)
- HTML/CSS/JS -> Hoc dau tien -> mon chung ta se hoc
- Bootstrap/jQuery: Bổ sung thêm trong chương trình.
- AngularJS
- SQL Server
- PHP/Laravel
==============================================================
Khái niệm & thuật ngữ mà chúng ta cần tìm hiểu:
- Domain/DNS: gokisoft.com, facebook.com, google.com -> Nghĩa là gì -> đăng ký như thế nào
- IP: địa chỉ IP -> Tìm hiểu kỹ hơn
- Hosting là gì?
- Server là gì?
- Frontend: Ý nói tới các ngôn ngữ đc biên dịch ở phía trình duyệt web (chrome, cốc cốc, ie, firefox, .v.v) -> Mọi người đều có thể xem được -> public
- Backend: Ý nói về ngôn ngữ được chạy và biên dịch ở phía server/hosting
Yêu cầu: đắng ký 1 tên miền Free + hosting Free (000webhost) -> cấu hình liên kết lại -> Tạo 1 website cá nhân.
================================================================
Nội dung học:
- Cách học môn HTML/CSS/JS (HTML/CSS + JS)
- HTML/CSS: Có nhiều thứ đề ghi nhớ -> ngồi học thuộc (bất khá thi) -> Gõ nhiều bài tập -> Tự ghi nhớ
- Tự tra cứu về HTML/CSS -> Bổ sung kiến thức -> Thông qua bài tập -> Thiếu j -> bổ sung cái đó.
- Tài liệu học: Aptech + gokisoft/w3school & video
- Cài đặt môi trường phát triển
- HTML/CSS/JS -> Biên dịch bởi trình duyệt web (chrome, cốc cốc, ...)
- IDE (Soạn thảo code)
- Visual Studio -> Khá mạnh
- WebStorm -> Khá mạnh
- Jetbrain -> Khá mạnh
- Sublime Text 4 -> Nhẹ (PC) -> Cần cái j thì cài cái đó
-> https://www.sublimetext.com/
- Phát triển 1 website cơ bản
- Phát triển 1 dự án
- Quy tắc phát triển web: coding convention
1) Tổ chức Folder -> Đẩy code lên Server/Host -> ko gặp lỗi
2) Đặt tên folder & file -> tất cả đều bằng chữ thường (lowercase) & gồm các ký tự a-z0-9-_
- Git/Github -> Biến github thành hosting -> public website -> Mất thời gian nhiều nhất
- Biến gokisoft thành hosting để public website
#vidu.html
<!-- Khai báo cho trình duyệt web biết đây là tài liệu html/css/js -->
<!DOCTYPE html>
<!-- Tên thẻ: html, head, meta, title, body, .v.v. -->
<!-- Thẻ: Thẻ mở & thẻ đóng -->
<!-- Thẻ mở -->
<html>
<head>
<!-- Những thẻ liên quan tới cấu hình & tải tài nguyên -->
<!-- Thẻ tự đóng : Từ từ sẽ tự ghi nhớ -> Ko phải lo lắng lắm -->
<!-- Khai báo trình duyệt web biết -> Nội dung web sử dụng mã utf-8 -->
<meta charset="utf-8">
<!-- Cho phép lập trình responsive: Hiển thị trên PC & Mobile -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Hiển thị tiêu đề web -->
<title>HTML/CSS for beginer</title>
</head>
<body>
<!-- Những thẻ liên quan tới hiển thị nội dung web -->
<!-- Chạy trang web nay như nào -->
<!-- Hướng dẫn cách dung sublime text -->
<!-- Tim hiểu về vài thẻ căn bản -->
<h1>Welcome to learn HTML/CSS/JS</h1>
<h2>Welcome to learn HTML/CSS/JS</h2>
<h3>Welcome to learn HTML/CSS/JS</h3>
<h4>Welcome to learn HTML/CSS/JS</h4>
<h5>Welcome to learn HTML/CSS/JS</h5>
<h6>Welcome to learn HTML/CSS/JS</h6>
<img src="https://gokisoft.com/uploads/stores/49/2021/10/coding-c-program.jpg" width="1000px">
<img src="dog-fun.jpg">
</body>
<!-- Thẻ đóng -->
</html>