Name: The third training session_front-end basics
Uploaded: 2022-03-07T10:14:40+8:00
Duration: 2290 min
Description: PHP Chinese website third online training course_Front-end basic learning content: HTML5, CSS3, JavaScript, jQuery, Vue.js introduction, Bootstrap, page layout practice template development of "Website Management Backend" (comprehensive application of the above knowledge)

Chapter1Web front-end basic course: Course Outline
13 minutes16 seconds; html document structure
34 minutes50 seconds; CSS Basics 1
26 minutes06 seconds; CSS Basics 4
23 minutes44 seconds; Html Chinese text tag 1
26 minutes01 seconds; Html Chinese text tag 2
24 minutes30 seconds; Html text control 1
28 minutes56 seconds; Html text control 2
27 minutes18 seconds
Chapter2The relationship between PHP and HTML: Why learn HTML when learning PHP?
18 minutes46 seconds; Why choose PHP as your back-end development language?
08 minutes36 seconds; Why did PHP choose framework development projects?
05 minutes49 seconds; What is the essence of elements, tags, and attributes in HTML?
27 minutes47 seconds; How to use single and double labels
28 minutes21 seconds; Introduction to usage scenarios of commonly used tags
22 minutes03 seconds
Chapter3Forms and CSS selectors: Introduction to form elements
31 minutes23 seconds; Login registration form practice
17 minutes48 seconds; Common element units in CSS
18 minutes56 seconds; The principle of style inheritance in CSS
09 minutes47 seconds; How to deal with style conflicts in CSS
13 minutes15 seconds; CSS must-know selectors (1)
20 minutes52 seconds; CSS must-know selectors (2)
20 minutes59 seconds; CSS must-know selectors (3)
16 minutes24 seconds
Chapter4Box model, positioning and floating: Details box model 1
28 minutes17 seconds; Details box model 2
24 minutes37 seconds; Four common scenarios for element alignment
37 minutes59 seconds; Examples explaining relative positioning
11 minutes23 seconds; Examples to explain absolute positioning
22 minutes18 seconds
Chapter5Detailed explanation of floating and classic layout methods: Fixed positioning principle and practice
14 minutes46 seconds; Float and clear float
23 minutes19 seconds; Tips to solve the height collapse of the parent container caused by floating
14 minutes05 seconds; Practical implementation of mixed graphics and text technology
13 minutes56 seconds; Absolute positioning implements three-column layout
21 minutes53 seconds; Shuangfei hopes to achieve a three-row layout
17 minutes19 seconds; Holy Grail implements three-column layout
13 minutes01 seconds
Chapter6Layout and actual combat: Introduction to new semantic layout elements in html5
24 minutes25 seconds; Layout practice: backend management system (1)
36 minutes54 seconds; Layout practice: backend management system (2)
27 minutes29 seconds; Layout in practice: backend management system (3)
35 minutes20 seconds
Chapter7JavaScript syntax basics: js syntax basics (1)
19 minutes18 seconds; js syntax basics (2)
21 minutes17 seconds; js syntax basics (3)
19 minutes39 seconds; js syntax basics (4)
37 minutes40 seconds; js syntax basics (5)
19 minutes17 seconds
Chapter8Basics of DOM and event operations in javascript: Basics of event triggering in js
16 minutes09 seconds; Practical combat: Internet photo album
23 minutes56 seconds; Optimized version of website photo album
05 minutes38 seconds; Use js to implement a fully functional calculator case
42 minutes20 seconds
Chapter9JSON and Ajax and practice: JSON introduction and example demonstration
34 minutes45 seconds; Introduction to Ajax and common properties and methods
32 minutes50 seconds; Ajax practice: getting html content
13 minutes05 seconds; Ajax in practice: form validation (1)
33 minutes47 seconds; Ajax in practice: form validation (2)
13 minutes34 seconds
Chapter10DOM operations and practical cases: An introduction to the basics of DOM manipulation
14 minutes20 seconds; How to get element based on id attribute?
14 minutes01 seconds; How to get an element based on its name attribute?
07 minutes35 seconds; How to get element based on tag name?
12 minutes14 seconds; Name attribute and tag name shortcut to get elements
18 minutes49 seconds; How to get elements through class attribute?
08 minutes00 seconds; How to get elements through css selector?
09 minutes10 seconds; How to traverse the document tree through DOM methods?
24 minutes20 seconds; How to manipulate attributes of HTML elements?
19 minutes22 seconds; How to deal with content in HTML elements?
08 minutes33 seconds; DOM node creation/insertion/deletion/update operations
13 minutes10 seconds; Practical warm-up: Principle of generating chat messages
06 minutes10 seconds; Practical combat: Simulating intelligent online customer service system (1)
13 minutes45 seconds; Practical combat: Simulating intelligent online customer service system (2)
20 minutes17 seconds
Chapter11Basic operations in jQuery (1): jQuery import and jQuery objects
20 minutes31 seconds; Commonly used core methods and properties of jQuery
22 minutes33 seconds; Attribute and content operations in jQuery
17 minutes19 seconds; CSS operations in jQuery
12 minutes31 seconds; Common selectors in jQuery
31 minutes24 seconds; Common DOM operations in jQuery
13 minutes34 seconds
Chapter12Basic operations in jQuery (2): Traversing elements in jQuery
36 minutes34 seconds; Basic animation knowledge in jQuery
14 minutes50 seconds; How to use basic events in jQuery
16 minutes13 seconds; Practical combat: Web version of photo album manager (1)
29 minutes32 seconds; Practical combat: Web version of photo album manager (2)
18 minutes47 seconds
Chapter13Ajax operations in jQuery: In-depth explanation and practical application of load() method
42 minutes00 seconds; $.get() function detailed explanation and practical application
15 minutes44 seconds; A detailed explanation of the $.getJSON() function and its practical use
15 minutes13 seconds; Detailed description of $.getScript() function and actual combat
08 minutes07 seconds; Detailed description of $.post() function and actual combat
33 minutes18 seconds; Detailed explanation of the ultimate method $.ajax() and actual combat
16 minutes41 seconds; Ajax practical province and city three-level linkage menu
25 minutes20 seconds
Chapter14Bootstrap import and layout principles: Import and layout principles
28 minutes17 seconds; Basic steps and examples of layout
38 minutes58 seconds
Chapter15Tables and forms in Bootstrap global styles: Basic operations and style control of tables
19 minutes23 seconds; Default vertical form and control group operations
29 minutes33 seconds; Tips for creating inline forms
08 minutes14 seconds; Creation and operation of horizontal forms
21 minutes46 seconds
Chapter16Bootstrap buttons and drop-down menus: Static, read-only and disabled controls in forms
14 minutes24 seconds; Commonly used button predefined styles
25 minutes30 seconds; Commonly used image predefined styles
09 minutes16 seconds; How to set text foreground and background colors
10 minutes42 seconds; How to add font icons and usage scenarios
09 minutes50 seconds; How to create and activate drop-down menus
13 minutes09 seconds; Tips for creating button groups and split drop-down menus
12 minutes58 seconds
Chapter17Bootstrap navigation giant screen thumbnail and other components: How to create and use the input box group
22 minutes26 seconds; Common tabbed and capsule navigation setup methods
08 minutes12 seconds; Detailed explanation of each component of the navigation bar
16 minutes43 seconds; Common styles and setting techniques for pagination
13 minutes38 seconds; How to set up labels and badges and how to use them
10 minutes55 seconds; How to set up the giant screen and use it in practice
10 minutes46 seconds; Thumbnail creation and usage scenario analysis
08 minutes53 seconds
Chapter18Commonly used plugins in Bootstrap: How to use the alert box component
06 minutes59 seconds; Usage scenarios for list groups
16 minutes28 seconds; Usage scenarios of panels and other components
13 minutes56 seconds; Modal box composition and setting skills
21 minutes42 seconds; How to set up tabs
15 minutes18 seconds; Several common scenarios for warning box plug-ins
12 minutes14 seconds; Folding plug-in and menu creation
11 minutes57 seconds; Detailed production steps of carousel images
16 minutes53 seconds
Chapter19Vue.js development basics: Elaborate on MVC design ideas
12 minutes15 seconds; Elaborate on MVVM design ideas
15 minutes48 seconds; Import and instantiation of Vue.js
10 minutes21 seconds; Mount points and variable rendering
11 minutes16 seconds; Template rendering, attribute addition and event methods
18 minutes57 seconds; Two-way binding of model data and page variables
10 minutes57 seconds; Listener: respond to real-time changes in page variables
15 minutes46 seconds

部分浏览器不支持，请下载APP观看

Next Section： CSS中常用元素单位2702 plays

The third training session_front-end basics

部分浏览器不支持，请下载APP观看

Next Section： CSS中常用元素单位2702 plays

The third training session_front-end basics

Allpost a note