Tóm Tắt
HTML, CSS, JAVASCRIPT là gì?
Để hoàn toàn có thể phong cách thiết kế và kiến thiết xây dựng giao diện cho những website hoặc ứng dụng web để người dùng hoàn toàn có thể xem và tương tác trực tiếp trên đó người ta sử dụng 3 ngôn từ chính HTML, CSS, JAVASCRIPT .
Công việc của một coder front-end là thiết kế cho 3 ngôn ngữ trên được hài hòa tạo ra một giao diện website bắt mắt và thích hợp với người dùng.
HTML: Là cái sườn để tạo nên giao diện của trang web. Ví dụ như trang web là một cái nhà thì HTML chính là hệ thống dầm cột, tường vách.
CSS: Nó có chức năng trang trí định dạng cho các phần tử HTML. Trong ví dụ cái nhà trên thì CSS có thể xem như là màu sơn, gạch ốp lát trong cái nhà đó nhé.
Javascript: Để lập trình cách mà chương trình hoạt động dưới sự tương tác của người dùng đối với website.
Dưới đây là 1 đoạn code mẫu trong đấy chứa cả html, css, javascipt .
Bài học đầu tiên HTML, CSS, Javascript là gì?
3 ngôn ngữ chính HTML, CSS, JAVASCRIPT
Html là gì?
Css là gì
Toàn bộ cấu trúc bên trên chính là code của 1 trang HTML tĩnh, bạn nào chưa hiểu thì hoàn toàn có thể copy nó để chạy thử thì sẽ thấy nó hoạt động giải trí như thế nào nhé. Còn dưới đây mình sẽ đi vào chi tiết cụ thể
Tổng quan về HTML
HTML là ngôn từ ghi lại siêu văn bản .
HTML diễn đạt những cấu trúc, giống như việc tạo nên 1 bộ khung trước khi “ trang trí ” cho website .
Để làm được điều này thì những coder sử dụng những đoạn mã, những đoạn mã này là thành phần của HTML. Các thành phần này sẽ cho trình duyệt biết cách hiển thị nội dung .
Isinhvien sẽ lấy 1 ví dụ minh họa về HTML .
HTML là gì? Tổng quan về HTML
HTML là ngôn từ lưu lại siêu văn bản .
Giải thích:
- Các
tuyên bố xác định rằng tài liệu này là một tài liệu HTML5
- Phần ; là phần tử gốc của trang HTML
- Phần tử chứa thông tin meta về trang HTML
- Phần
tử chỉ định tiêu đề cho trang HTML (được hiển thị trong thanh tiêu đề của trình duyệt hoặc trong tab của trang) - Phần tử xác định phần thân của tài liệu và là vùng chứa tất cả nội dung hiển thị, chẳng hạn như tiêu đề, đoạn văn, hình ảnh, siêu liên kết, bảng, danh sách, v.v.
- Phần
tử xác định một tiêu đề lớn
- Phần tử xác lập một đoạn văn
HTML có 2 thành phần chính : Phần tử và thuộc tính .
Phần tử HTML.
Phần tử HTML được xác lập bởi tag khởi đầu .
ví dụ:
tổng quan HTML
Phần tử HTML có rất nhiều tag và mỗi tag đều có ý nghĩa riêng. Isinhvien sẽ có bài tổng hợp những tag để giúp những bạn hiểu rõ hơn về những thành phần HTML .
Thuộc tính HTML
Thuộc tính HTML phân phối những thông tin bổ trợ cho thành phần HTML
ví dụ
“ color : blue ” chính là thuộc tính bổ trợ cho thành phần HTML
Tổng quan về CSS
CSS diễn đạt cách những thành phần HTML hiển thị trên trình duyệt .
CSS hoàn toàn có thể định dạng những thuộc tính của HTML riêng không liên quan gì đến nhau bằng cách định dạng theo giải pháp : Trực tiếp, thành phần, id, class .
Bài học đầu tiên HTML, CSS, Javascript là gì?
3 ngôn ngữ chính HTML, CSS, JAVASCRIPT
html là gì?
Css là gì
Ảnh sau khi nhúng code lên trình duyệtNhư ví dụ trên ta có 4 cách sử dụng CSS cho thành phần HTML : trực tiếp, thành phần, ID, Class
Isinhvien sẽ có bài riêng để nói về cách sử dụng CSS, để những bạn hoàn toàn có thể hiểu rõ và hoàn toàn có thể vận dụng vào quy trình thao tác
Tổng quan về JAVASCRIPT
Với Javascript hoàn toàn có thể thực thi rất nhiều tác vụ, hoàn toàn có thể can thiệp vào thành phần và thuộc tính của HTML .
Javascipt hoạt động giải trí theo chiêu thức : đoạn code sẽ chạy khi có một sự kiện xảy ra cung ứng đủ điều kiện kèm theo thì tài liệu được tàng trữ sẵn trong code sẽ được hiển thị .
Javascript
Ảnh minh họa sau khi nhập code có sử dụng JSSự kiện xảy ra ở đây sẽ là khi bật trang trình duyệt thì sẽ có sự kiện Open, sự kiện ở đây chính là “ Xin chào những bạn ”
Một số framework thông dụng hay được anh em lập trình sử dụng để làm giao diện
Framework là “ bộ khung ” được cấu thành từ những đoạn code, 1 thư viện code nhằm mục đích tối giản công sức của con người tăng trưởng ứng dụng .
Hiện nay có nhiều framework cho backend, front end, ứng dụng mobile…phổ biến nhất có lẽ là các web framework và các framework cho mobile. Kể ra như: Bootstrap, Reactjs, Vuejs, Angularjs, v.v
Đối với mỗi loại framework thì lại có những ưu và điểm yếu kém của từng loại tùy thuộc vào nhu yếu ở mỗi công ty, người mua và sở trường thích nghi của mỗi người nhưng nhìn chung thì việc ứng dụng những framework vào lập trình web là giống như nhau nên nếu bạn biết sử dụng một loại framework thì hoàn toàn có thể sử dụng những loại framework khác. Ở đây, mình sẽ đi sâu và Bootstrap vì mình đã có khoảng chừng thời hạn thao tác với framework này khá lâu .
{ “ type ” : ” block ”, ” srcIndex ” : 1, ” srcClientId ” : ” ebc2d125-9e1a-4521-a07c-5c017642bb67 ″, ” srcRootClientId ” : ” ” } Với Bootstrap nền tảng tạo sẵn cho người dùng một thư viện để tàng trữ tài liệu và tùy sửa theo mục tiêu cá thể, giúp bạn chiếm hữu ngay một giao diện website hoàn hảo và nhanh gọn, thuận tiện tùy biến
Ở nền tảng Bootstrap có sử dụng grid system nên sẽ hỗ trợ responsive (phản ứng nhanh) và viết theo xu hướng ưu tiên trên giao diện mobile trước. Điều này làm cải thiện đáng kể hiệu suất người dùng khi truy cập trên điện thoại di động.
Xem thêm: HTML Là Gì, Giới Thiệu Về HTML
Bootstrap thích hợp với google rất tốt nên sẽ thuận tiện cho những SEOer tiếp cận những người mua .
Bài tiên phong Isinhvien chỉ nói trình làng với những bạn nhưng điều tổng quan nhất về HTML, CSS, Javascript, framework. Bài tiếp theo tất cả chúng ta sẽ học về HTML. Nhớ like và share để nhận những bài viết mới nhất từ Isinhvien nhé
Source: https://final-blade.com
Category: Kiến thức Internet
