Bootstrap is an open source front-end framework launched by Tiwtter in August 2011. Now Bootstrap has become a popular front-end UI framework. This course focuses on the kernel development principle of Bootstrap and explains the code through a large number of cases. Let students feel the powerful power of Bootstrap LESS file applied to custom style, and master the professional user interaction design with Bootstrap JavaScript plug-in. Cases from simple to deep, both independent, but also interlinked, rich code coupled with detailed explanation, so that learners easy to use
Overview
Syllabus
- Introduction
- 0.Bootstrap development trend
- Project 1：Bootstrap development environment implementation
- 1.1 Bootstrap Overview, Browser
- 1.2 Visual Studio Code Editor
- Project 2： Mobile Web development
- 2.1 Viewport
- 2.2 Styling of mobile web pages
- 2.3 Resolution and device pixel ratio
- 2.4 Doubling Figure
- 2.5SVG vector
- 2.6 Common HTML5 apis
- 2.7 Common events on mobile terminals
- 2.8 Plug-ins commonly used on mobile terminals
- Project 3： mobile page layout development
- 3.1 Streaming layout
- 3.2 Flex box layout
- 3.3 Media Inquiries
- 3.4Rem layout
- 3.5 Bootstrap Responsive Layout
- Project 4： Bootstrap raster system development
- 4.1 Grid system
- 4.2 Bootstrap Layout Container
- 4.3 Basic use of grid system
- 4.4 Screen adaptation of the grid system
- 4.5 Column operations in the raster system
- Project 5： Bootstrap framework commonly used components development
- 5.1Common Bootstrap Components1
- 5.1Common Bootstrap Components2
- 5.2 Bootstrap implements the menu function
- 5.3 Bootstrap implements the carousel function
- Project 6： Bootstrap common layout style development
- 6.1 Content Layout1
- 6.1 Content Layout2
- 6.2 Code and Graphic Layout
- 6.3 Table Layout and Auxiliary Styles
- Project 7： Fashion wear website development
- 7.1.1 Project analysis and preliminary preparation
- 7.1.2 National Trend Culture Website-Code Explanation1
- 7.1.3 National Trend Culture Website-Code Explanation2
- 7.1.4 National Trend Culture Website-Code Explanation3
- 7.1.5 National Trend Culture Website-Code Explanation4
- Exam
Taught by
Chongqing Industry Polytechnic College
