Chào mừng bạn đến với Frameworks giao diện người dùng Web Frameworks và công cụ: Bootstrap 4.
Tôi rất vui vì bạn đã quyết định tham gia khóa học này để tìm hiểu
về Framework Web giao diện người dùng phổ biến nhất: Bootstrap.
Chúng ta sẽ xem xét các khía cạnh khác nhau của Bootstrap.
Thông qua một số ví dụ, bạn sẽ học bằng cách thực hiện các bài tập như một phần của khóa học này.
Hãy xem xét một số chi tiết tiếp theo.
Trước khi bạn bắt đầu khóa học này,
hãy chắc chắn rằng bạn có đủ nền tảng để có
thể thành công trong khóa học này.
Bạn nên có kiến thức tốt về HTML
, CSS và JavaScript trước khi bắt đầu khóa học.
Theo quan điểm của tôi, thiết kế và phát triển web bao gồm hai khía cạnh:
một là thiết kế của trang web và trang web,
thứ hai là xây dựng và triển khai thực tế của chính trang web.
Từ góc độ thiết kế,
ý tôi là thiết kế giao diện người dùng và trải nghiệm người dùng,
thiết kế trực quan, tạo mẫu,
các yếu tố của màu sắc,
đồ họa và hoạt hình có thể được quan tâm.
Trong chuyên môn này, chúng tôi không nhìn vào khía cạnh này của phát triển web.
Thay vào đó, chúng ta đang nhìn vào khía cạnh thứ hai
đó, đó là sự phát triển, xây dựng,
và triển khai các trang web và trang web, sử dụng
các công nghệ như khung giao diện người dùng web phía trước như Bootstrap,
có thể là khung JavaScript như Angular hoặc thư viện như React
và di động lai để thiết kế các
ứng dụng di động và cũng phát triển phía máy chủ sử dụng Node
, Express, MongoDB, ngăn xếp chính chi tiết hơn.
Nếu bạn đang nhìn vào Chuyên môn hóa,
suy nghĩ về khía cạnh thiết kế của trang web,
sau đó bạn có thể muốn suy nghĩ lại.
Chuyên môn hóa này tập trung vào
việc xây dựng và triển khai trang web và trang web,
một kiến thức hoàn toàn kỹ thuật về việc sử dụng các
kỹ năng dựa trên HTML, CSS và JavaScript để phát triển trang web thực tế.
Bạn cũng có thể tự hỏi về những gì có nghĩa là do phát triển web stack đầy đủ.
Chúng ta sẽ xem xét thêm chi tiết về phát triển web stack đầy đủ trong bài học tiếp theo.
Đặc biệt, nếu bạn đang xem xét cách khóa học này được
định vị trong bối cảnh chung của phát triển web stack đầy đủ,
trong khóa học này, chúng tôi đang đối phó với việc phát triển giao diện người dùng web fronend.
Đặc biệt, giao diện người dùng Framework Bootstrap 4.
Chúng tôi sẽ xem xét các khía cạnh còn lại của
phát triển web stack đầy đủ trong phần còn lại của chuyên môn hóa này.
Khóa học này xem xét Bootstrap rất chi tiết.
Chúng tôi cũng sẽ xem xét thiết kế web đáp ứng và cách Bootstrap hỗ trợ
thiết kế web đáp ứng thông qua hệ thống Bootstrap Grid.
Chúng tôi sẽ xem xét các thành phần dựa trên CSS và JavaScript trong Bootstrap và cách bạn
có thể sử dụng chúng trong việc xây dựng trang web và trang web của bạn.
Trên đường đi, chúng ta sẽ tìm hiểu về việc phát triển web đó bằng cách sử dụng dòng lệnh.
Vì vậy, chúng ta sẽ học được rất nhiều công cụ web
dựa trên dòng lệnh và hệ sinh thái Node.js.
Chúng tôi sẽ xem xét ngắn gọn Git,
thêm Node.js và nhìn vào Noje.js dựa công cụ bao gồm các vận động viên nhiệm vụ như Grunt và Gulp.
Khóa học này, chính nó, được cấu trúc thành các mô-đun đầy đủ.
Mỗi mô-đun tương ứng với một tuần làm việc.
Trong mô-đun đầu tiên,
chúng tôi sẽ nhận được hình ảnh lớn về phát triển web stack đầy đủ,
sau đó bạn sẽ nhận được một giới thiệu nhanh về Git và Node.js.
Sau đó, chúng tôi sẽ giới thiệu bạn với Bootstrap và sau đó xem lại hệ thống Bootstrap Grid.
Điều đó sẽ dẫn bạn đến nhiệm vụ đầu tiên trong khóa học này.
Mô-đun thứ hai giao dịch với các thành phần Bootstrap CSS.
Chúng ta sẽ xem xét thiết kế của thanh điều hướng Bootstrap
và làm thế nào chúng ta có thể sử dụng nó để hỗ trợ điều hướng.
Chúng ta sẽ xem xét đầu vào người dùng thông qua
các nút và biểu mẫu sau đó chúng ta sẽ xem xét cách chúng ta có thể hiển thị nội dung bằng cách sử dụng bảng và thẻ.
Sau đó, chúng ta sẽ xem xét cách chúng ta có thể đưa hình ảnh và phương tiện vào trang Web của chúng tôi bằng cách sử dụng hình ảnh, hình
thu nhỏ và các đối tượng phương tiện.
Và sau đó, cuối cùng, chúng ta nhìn vào cách chúng ta cảnh báo người dùng bằng cách sử dụng thẻ,
cảnh báo và thanh tiến trình.
Điều này sẽ dẫn bạn đến nhiệm vụ thứ hai của bạn.
Mô-đun thứ ba giao dịch với các thành phần JavaScript Bootstrap.
Chúng ta sẽ xem xét
cách thức hoạt động của các thành phần Bootstrap JavaScript, chúng ta sẽ xem xét các tab,
thuốc viên và điều hướng theo tab,
sau đó chúng ta sẽ xem xét cách thu gọn và accordion có thể được sử dụng để hiển thị và ẩn nội dung.
Và sau đó chúng ta sẽ xem xét việc sử dụng các chú giải công cụ,
pover và phương thức để tiết lộ nội dung được hiển thị trong trang của bạn.
Và sau đó chúng ta sẽ xem xét thành phần băng chuyền,
cho phép bạn hiển thị thông tin trượt trên trang web của bạn.
Điều này sẽ dẫn bạn đến nhiệm vụ thứ ba trong khóa học này.
Các mô-đun cuối cùng giao dịch với Bootstrap và jQuery và các công cụ dev khác nhau.
Đặc biệt, chúng ta sẽ xem xét cách Bootstrap và jQuery tương tác và cách bạn có thể
viết mã jQuery và JavaScript để kiểm soát thành phần Bootstrap JavaScript của bạn.
Chúng ta xem xét các phương pháp khác nhau được hỗ trợ bởi các thành phần JavaScript Bootstrap,
có thể được tận dụng để viết
mã JavaScript để kiểm soát hành vi của các thành phần này.
Sau đó, chúng tôi sẽ xem xét CSS pre-processing ngôn ngữ giống như LESS và Sass.
Sau đó, cuối cùng, chúng ta sẽ xem xét làm thế nào chúng ta có thể xây dựng và triển khai trang web của chúng tôi
bằng cách sử dụng kịch bản NPM hoặc chạy tác vụ như Grunt và Gulp.
Điều này sẽ đưa bạn đến tất cả các bài tập cuối cùng trong khóa học này.
Tôi hy vọng bạn sẽ có rất nhiều niềm vui khi thực hiện
các phần khác nhau của khóa học này và cũng có thể tận hưởng các bài tập mà bạn sẽ
gặp phải ở mỗi giai đoạn cho phép bạn
hiểu rõ hơn các khía cạnh khác nhau của khung giao diện người dùng web Bootstrap.