Community
Articles
Topics
Q&A
Learn
Course
Programming Dictionary
Tools Library
Development tools
Website Source Code
PHP Libraries
JS special effects
Website Materials
Extension plug-ins
Leisure
Game Download
Game Tutorials
English
简体中文
English
繁体中文
日本語
한국어
Melayu
Français
Deutsch
Login
singup
Next Section: Holy Grail implements three-column layout
(2202 plays)
Next Section
Watch Again
ဆ
Chapter
Note
Ask
Courseware
Feedback
The third training session_front-end basics
Chapter1 Web front-end basic course
1-1 Course Outline
1-2 html document structure
1-3 CSS Basics 1
1-4 CSS Basics 4
1-5 Html Chinese text tag 1
1-6 Html Chinese text tag 2
1-7 Html text control 1
1-8 Html text control 2
Chapter2 The relationship between PHP and HTML
2-1 Why learn HTML when learning PHP?
2-2 Why choose PHP as your back-end development language?
2-3 Why did PHP choose framework development projects?
2-4 What is the essence of elements, tags, and attributes in HTML?
2-5 How to use single and double labels
2-6 Introduction to usage scenarios of commonly used tags
Chapter3 Forms and CSS selectors
3-1 Introduction to form elements
3-2 Login registration form practice
3-3 Common element units in CSS
3-4 The principle of style inheritance in CSS
3-5 How to deal with style conflicts in CSS
3-6 CSS must-know selectors (1)
3-7 CSS must-know selectors (2)
3-8 CSS must-know selectors (3)
Chapter4 Box model, positioning and floating
4-1 Details box model 1
4-2 Details box model 2
4-3 Four common scenarios for element alignment
4-4 Examples explaining relative positioning
4-5 Examples to explain absolute positioning
Chapter5 Detailed explanation of floating and classic layout methods
5-1 Fixed positioning principle and practice
5-2 Float and clear float
5-3 Tips to solve the height collapse of the parent container caused by floating
5-4 Practical implementation of mixed graphics and text technology
5-5 Absolute positioning implements three-column layout
5-6 Shuangfei hopes to achieve a three-row layout
5-7 Holy Grail implements three-column layout
Chapter6 Layout and actual combat
6-1 Introduction to new semantic layout elements in html5
6-2 Layout practice: backend management system (1)
6-3 Layout practice: backend management system (2)
6-4 Layout in practice: backend management system (3)
Chapter7 JavaScript syntax basics
7-1 js syntax basics (1)
7-2 js syntax basics (2)
7-3 js syntax basics (3)
7-4 js syntax basics (4)
7-5 js syntax basics (5)
Chapter8 Basics of DOM and event operations in javascript
8-1 Basics of event triggering in js
8-2 Practical combat: Internet photo album
8-3 Optimized version of website photo album
8-4 Use js to implement a fully functional calculator case
Chapter9 JSON and Ajax and practice
9-1 JSON introduction and example demonstration
9-2 Introduction to Ajax and common properties and methods
9-3 Ajax practice: getting html content
9-4 Ajax in practice: form validation (1)
9-5 Ajax in practice: form validation (2)
Chapter10 DOM operations and practical cases
10-1 An introduction to the basics of DOM manipulation
10-2 How to get element based on id attribute?
10-3 How to get an element based on its name attribute?
10-4 How to get element based on tag name?
10-5 Name attribute and tag name shortcut to get elements
10-6 How to get elements through class attribute?
10-7 How to get elements through css selector?
10-8 How to traverse the document tree through DOM methods?
10-9 How to manipulate attributes of HTML elements?
10-10 How to deal with content in HTML elements?
10-11 DOM node creation/insertion/deletion/update operations
10-12 Practical warm-up: Principle of generating chat messages
10-13 Practical combat: Simulating intelligent online customer service system (1)
10-14 Practical combat: Simulating intelligent online customer service system (2)
Chapter11 Basic operations in jQuery (1)
11-1 jQuery import and jQuery objects
11-2 Commonly used core methods and properties of jQuery
11-3 Attribute and content operations in jQuery
11-4 CSS operations in jQuery
11-5 Common selectors in jQuery
11-6 Common DOM operations in jQuery
Chapter12 Basic operations in jQuery (2)
12-1 Traversing elements in jQuery
12-2 Basic animation knowledge in jQuery
12-3 How to use basic events in jQuery
12-4 Practical combat: Web version of photo album manager (1)
12-5 Practical combat: Web version of photo album manager (2)
Chapter13 Ajax operations in jQuery
13-1 In-depth explanation and practical application of load() method
13-2 $.get() function detailed explanation and practical application
13-3 A detailed explanation of the $.getJSON() function and its practical use
13-4 Detailed description of $.getScript() function and actual combat
13-5 Detailed description of $.post() function and actual combat
13-6 Detailed explanation of the ultimate method $.ajax() and actual combat
13-7 Ajax practical province and city three-level linkage menu
Chapter14 Bootstrap import and layout principles
14-1 Import and layout principles
14-2 Basic steps and examples of layout
Chapter15 Tables and forms in Bootstrap global styles
15-1 Basic operations and style control of tables
15-2 Default vertical form and control group operations
15-3 Tips for creating inline forms
15-4 Creation and operation of horizontal forms
Chapter16 Bootstrap buttons and drop-down menus
16-1 Static, read-only and disabled controls in forms
16-2 Commonly used button predefined styles
16-3 Commonly used image predefined styles
16-4 How to set text foreground and background colors
16-5 How to add font icons and usage scenarios
16-6 How to create and activate drop-down menus
16-7 Tips for creating button groups and split drop-down menus
Chapter17 Bootstrap navigation giant screen thumbnail and other components
17-1 How to create and use the input box group
17-2 Common tabbed and capsule navigation setup methods
17-3 Detailed explanation of each component of the navigation bar
17-4 Common styles and setting techniques for pagination
17-5 How to set up labels and badges and how to use them
17-6 How to set up the giant screen and use it in practice
17-7 Thumbnail creation and usage scenario analysis
Chapter18 Commonly used plugins in Bootstrap
18-1 How to use the alert box component
18-2 Usage scenarios for list groups
18-3 Usage scenarios of panels and other components
18-4 Modal box composition and setting skills
18-5 How to set up tabs
18-6 Several common scenarios for warning box plug-ins
18-7 Folding plug-in and menu creation
18-8 Detailed production steps of carousel images
Chapter19 Vue.js development basics
19-1 Elaborate on MVC design ideas
19-2 Elaborate on MVVM design ideas
19-3 Import and instantiation of Vue.js
19-4 Mount points and variable rendering
19-5 Template rendering, attribute addition and event methods
19-6 Two-way binding of model data and page variables
19-7 Listener: respond to real-time changes in page variables
Previous section
Next Section
Tutorial List
get help
Course Recommendations
Courseware download
Elementary
Imperial CMS enterprise imitation website tutorial
3048 people are watching
Elementary
Newbies with zero foundation in WordPress build personal blogs and corporate websites
6743 people are watching
Elementary
Ultimate CMS zero-based website building instruction video
2724 people are watching
Elementary
Front-end project-Shangyou [HTML/CSS/JS technology comprehensive practice]
3117 people are watching
Intermediate
Vue3.0 from 0 to build a universal backend management system project practice
5351 people are watching
Elementary
Zero-based front-end course [Vue advanced learning and practical application]
2821 people are watching
Elementary
WEB front-end tutorial [HTML5+CSS3+JS]
3506 people are watching
Elementary
Quick introduction to apipost
2161 people are watching
Intermediate
Vue3+TypeScript practical tutorial-enterprise-level project practice
3208 people are watching
Elementary
Let's briefly talk about starting a business in PHP
17423 people are watching
Intermediate
VUE e-commerce project (front-end & back-end dual project actual combat)
3828 people are watching
Elementary
Apipost practical application [api, interface, automated testing, mock]
2265 people are watching
August 10 Web front-end basic course courseware download
Belongs to chapter:CSS Basics 1
Download
Students who have watched this course are also learning
492858 plays
Let's briefly talk about starting a business in PHP
Quick introduction to web front-end development
Large-scale practical Tianlongbabu development of Mini version MVC framework imitating the encyclopedia website of embarrassing things
Getting Started with PHP Practical Development: PHP Quick Creation [Small Business Forum]
Login verification and classic message board
Computer network knowledge collection
Quick Start Node.JS Full Version
The front-end course that understands you best: HTML5/CSS3/ES6/NPM/Vue/...[Original]
Write your own PHP MVC framework (40 chapters in depth/big details/must read for newbies to advance)
notes
X