The third training session_front-end basics-php.cn

Community

Learn

Tools Library

AI Tools

Leisure

English

The third training session_front-end basics

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)

Elementary

html

php

290300 person learning

119class hour

01 days 14 hours 10 minutes 00 secondsTotal course duration

2023-08-07update

天蓬老师

Gold lecturer

A total of 13 courses Student12404 Lecturer rating5.7

欢迎选择我的课程，让我们一起见证您的进步~~More>>

Course Introduction Course Outline Data Download Other Courses

You will learn：

Core competencies that can be mastered: 1. Able to complete the design work of the website front desk; 2. Able to optimize and upgrade the front-end code; 3. Implement website special effects; 4. Understand the principles of dynamic websites; 5. Able to quickly build a website server. Real-life problems that can be solved: Can solve page layout, effect display, server construction, and template customization.

The third training session_front-end basics

Chapter1 Web front-end basic course
expand retract

Section1 Course Outline
duration： 13 minutes 16 seconds

Section2 html document structure
duration： 34 minutes 50 seconds

Section3 CSS Basics 1
duration： 26 minutes 06 seconds

Section4 CSS Basics 4
duration： 23 minutes 44 seconds

Section5 Html Chinese text tag 1
duration： 26 minutes 01 seconds

Section6 Html Chinese text tag 2
duration： 24 minutes 30 seconds

Section7 Html text control 1
duration： 28 minutes 56 seconds

Section8 Html text control 2
duration： 27 minutes 18 seconds
Chapter2 The relationship between PHP and HTML
expand retract

Section1 Why learn HTML when learning PHP?
duration： 18 minutes 46 seconds

Section2 Why choose PHP as your back-end development language?
duration： 08 minutes 36 seconds

Section3 Why did PHP choose framework development projects?
duration： 05 minutes 49 seconds

Section4 What is the essence of elements, tags, and attributes in HTML?
duration： 27 minutes 47 seconds

Section5 How to use single and double labels
duration： 28 minutes 21 seconds

Section6 Introduction to usage scenarios of commonly used tags
duration： 22 minutes 03 seconds
Chapter3 Forms and CSS selectors
expand retract

Section1 Introduction to form elements
duration： 31 minutes 23 seconds

Section2 Login registration form practice
duration： 17 minutes 48 seconds

Section3 Common element units in CSS
duration： 18 minutes 56 seconds

Section4 The principle of style inheritance in CSS
duration： 09 minutes 47 seconds

Section5 How to deal with style conflicts in CSS
duration： 13 minutes 15 seconds

Section6 CSS must-know selectors (1)
duration： 20 minutes 52 seconds

Section7 CSS must-know selectors (2)
duration： 20 minutes 59 seconds

Section8 CSS must-know selectors (3)
duration： 16 minutes 24 seconds
Chapter4 Box model, positioning and floating
expand retract

Section1 Details box model 1
duration： 28 minutes 17 seconds

Section2 Details box model 2
duration： 24 minutes 37 seconds

Section3 Four common scenarios for element alignment
duration： 37 minutes 59 seconds

Section4 Examples explaining relative positioning
duration： 11 minutes 23 seconds

Section5 Examples to explain absolute positioning
duration： 22 minutes 18 seconds
Chapter5 Detailed explanation of floating and classic layout methods
expand retract

Section1 Fixed positioning principle and practice
duration： 14 minutes 46 seconds

Section2 Float and clear float
duration： 23 minutes 19 seconds

Section3 Tips to solve the height collapse of the parent container caused by floating
duration： 14 minutes 05 seconds

Section4 Practical implementation of mixed graphics and text technology
duration： 13 minutes 56 seconds

Section5 Absolute positioning implements three-column layout
duration： 21 minutes 53 seconds

Section6 Shuangfei hopes to achieve a three-row layout
duration： 17 minutes 19 seconds

Section7 Holy Grail implements three-column layout
duration： 13 minutes 01 seconds
Chapter6 Layout and actual combat
expand retract

Section1 Introduction to new semantic layout elements in html5
duration： 24 minutes 25 seconds

Section2 Layout practice: backend management system (1)
duration： 36 minutes 54 seconds

Section3 Layout practice: backend management system (2)
duration： 27 minutes 29 seconds

Section4 Layout in practice: backend management system (3)
duration： 35 minutes 20 seconds
Chapter7 JavaScript syntax basics
expand retract

Section1 js syntax basics (1)
duration： 19 minutes 18 seconds

Section2 js syntax basics (2)
duration： 21 minutes 17 seconds

Section3 js syntax basics (3)
duration： 19 minutes 39 seconds

Section4 js syntax basics (4)
duration： 37 minutes 40 seconds

Section5 js syntax basics (5)
duration： 19 minutes 17 seconds
Chapter8 Basics of DOM and event operations in javascript
expand retract

Section1 Basics of event triggering in js
duration： 16 minutes 09 seconds

Section2 Practical combat: Internet photo album
duration： 23 minutes 56 seconds

Section3 Optimized version of website photo album
duration： 05 minutes 38 seconds

Section4 Use js to implement a fully functional calculator case
duration： 42 minutes 20 seconds
Chapter9 JSON and Ajax and practice
expand retract

Section1 JSON introduction and example demonstration
duration： 34 minutes 45 seconds

Section2 Introduction to Ajax and common properties and methods
duration： 32 minutes 50 seconds

Section3 Ajax practice: getting html content
duration： 13 minutes 05 seconds

Section4 Ajax in practice: form validation (1)
duration： 33 minutes 47 seconds

Section5 Ajax in practice: form validation (2)
duration： 13 minutes 34 seconds
Chapter10 DOM operations and practical cases
expand retract

Section1 An introduction to the basics of DOM manipulation
duration： 14 minutes 20 seconds

Section2 How to get element based on id attribute?
duration： 14 minutes 01 seconds

Section3 How to get an element based on its name attribute?
duration： 07 minutes 35 seconds

Section4 How to get element based on tag name?
duration： 12 minutes 14 seconds

Section5 Name attribute and tag name shortcut to get elements
duration： 18 minutes 49 seconds

Section6 How to get elements through class attribute?
duration： 08 minutes 00 seconds

Section7 How to get elements through css selector?
duration： 09 minutes 10 seconds

Section8 How to traverse the document tree through DOM methods?
duration： 24 minutes 20 seconds

Section9 How to manipulate attributes of HTML elements?
duration： 19 minutes 22 seconds

Section10 How to deal with content in HTML elements?
duration： 08 minutes 33 seconds

Section11 DOM node creation/insertion/deletion/update operations
duration： 13 minutes 10 seconds

Section12 Practical warm-up: Principle of generating chat messages
duration： 06 minutes 10 seconds

Section13 Practical combat: Simulating intelligent online customer service system (1)
duration： 13 minutes 45 seconds

Section14 Practical combat: Simulating intelligent online customer service system (2)
duration： 20 minutes 17 seconds
Chapter11 Basic operations in jQuery (1)
expand retract

Section1 jQuery import and jQuery objects
duration： 20 minutes 31 seconds

Section2 Commonly used core methods and properties of jQuery
duration： 22 minutes 33 seconds

Section3 Attribute and content operations in jQuery
duration： 17 minutes 19 seconds

Section4 CSS operations in jQuery
duration： 12 minutes 31 seconds

Section5 Common selectors in jQuery
duration： 31 minutes 24 seconds

Section6 Common DOM operations in jQuery
duration： 13 minutes 34 seconds
Chapter12 Basic operations in jQuery (2)
expand retract

Section1 Traversing elements in jQuery
duration： 36 minutes 34 seconds

Section2 Basic animation knowledge in jQuery
duration： 14 minutes 50 seconds

Section3 How to use basic events in jQuery
duration： 16 minutes 13 seconds

Section4 Practical combat: Web version of photo album manager (1)
duration： 29 minutes 32 seconds

Section5 Practical combat: Web version of photo album manager (2)
duration： 18 minutes 47 seconds
Chapter13 Ajax operations in jQuery
expand retract

Section1 In-depth explanation and practical application of load() method
duration： 42 minutes 00 seconds

Section2 $.get() function detailed explanation and practical application
duration： 15 minutes 44 seconds

Section3 A detailed explanation of the $.getJSON() function and its practical use
duration： 15 minutes 13 seconds

Section4 Detailed description of $.getScript() function and actual combat
duration： 08 minutes 07 seconds

Section5 Detailed description of $.post() function and actual combat
duration： 33 minutes 18 seconds

Section6 Detailed explanation of the ultimate method $.ajax() and actual combat
duration： 16 minutes 41 seconds

Section7 Ajax practical province and city three-level linkage menu
duration： 25 minutes 20 seconds
Chapter14 Bootstrap import and layout principles
expand retract

Section1 Import and layout principles
duration： 28 minutes 17 seconds

Section2 Basic steps and examples of layout
duration： 38 minutes 58 seconds
Chapter15 Tables and forms in Bootstrap global styles
expand retract

Section1 Basic operations and style control of tables
duration： 19 minutes 23 seconds

Section2 Default vertical form and control group operations
duration： 29 minutes 33 seconds

Section3 Tips for creating inline forms
duration： 08 minutes 14 seconds

Section4 Creation and operation of horizontal forms
duration： 21 minutes 46 seconds
Chapter16 Bootstrap buttons and drop-down menus
expand retract

Section1 Static, read-only and disabled controls in forms
duration： 14 minutes 24 seconds

Section2 Commonly used button predefined styles
duration： 25 minutes 30 seconds

Section3 Commonly used image predefined styles
duration： 09 minutes 16 seconds

Section4 How to set text foreground and background colors
duration： 10 minutes 42 seconds

Section5 How to add font icons and usage scenarios
duration： 09 minutes 50 seconds

Section6 How to create and activate drop-down menus
duration： 13 minutes 09 seconds

Section7 Tips for creating button groups and split drop-down menus
duration： 12 minutes 58 seconds
Chapter17 Bootstrap navigation giant screen thumbnail and other components
expand retract

Section1 How to create and use the input box group
duration： 22 minutes 26 seconds

Section2 Common tabbed and capsule navigation setup methods
duration： 08 minutes 12 seconds

Section3 Detailed explanation of each component of the navigation bar
duration： 16 minutes 43 seconds

Section4 Common styles and setting techniques for pagination
duration： 13 minutes 38 seconds

Section5 How to set up labels and badges and how to use them
duration： 10 minutes 55 seconds

Section6 How to set up the giant screen and use it in practice
duration： 10 minutes 46 seconds

Section7 Thumbnail creation and usage scenario analysis
duration： 08 minutes 53 seconds
Chapter18 Commonly used plugins in Bootstrap
expand retract

Section1 How to use the alert box component
duration： 06 minutes 59 seconds

Section2 Usage scenarios for list groups
duration： 16 minutes 28 seconds

Section3 Usage scenarios of panels and other components
duration： 13 minutes 56 seconds

Section4 Modal box composition and setting skills
duration： 21 minutes 42 seconds

Section5 How to set up tabs
duration： 15 minutes 18 seconds

Section6 Several common scenarios for warning box plug-ins
duration： 12 minutes 14 seconds

Section7 Folding plug-in and menu creation
duration： 11 minutes 57 seconds

Section8 Detailed production steps of carousel images
duration： 16 minutes 53 seconds
Chapter19 Vue.js development basics
expand retract

Section1 Elaborate on MVC design ideas
duration： 12 minutes 15 seconds

Section2 Elaborate on MVVM design ideas
duration： 15 minutes 48 seconds

Section3 Import and instantiation of Vue.js
duration： 10 minutes 21 seconds

Section4 Mount points and variable rendering
duration： 11 minutes 16 seconds

Section5 Template rendering, attribute addition and event methods
duration： 18 minutes 57 seconds

Section6 Two-way binding of model data and page variables
duration： 10 minutes 57 seconds

Section7 Listener: respond to real-time changes in page variables
duration： 15 minutes 46 seconds

Data Name operate
[must see]August 10 Web front-end basic course courseware download Download

天蓬老师 Lecturer Other Courses

ElementaryFront-end development experience sharing

10533
Collection
ElementaryBasic knowledge of HTML+css

43296
Collection
ElementaryOnline training class trial class

56060
Collection
ElementaryNew Dugu Jiujian: CSS3 must-know content

29296
Collection
IntermediateThinkPHP6.0 live class

12579
Collection
IntermediateThe latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)

1427584
Collection
ElementaryMac PHP development tools and environment construction

17469
Collection
ElementaryBreaking the pot, the PHP king returns!

18265
Collection
ElementaryNovice savior: quick preview of PHP7 basic syntax

108357
Collection
ElementaryLogin verification and classic message board

34736
Collection
ElementarySharing of programming learning methods

23807
Collection
IntermediatePHP full stack development experience sharing live class

100971
Collection

Start Learning

This course includes：

01 days 14 hours 10 minutes 00 seconds Watch videos anytime

1 Download Resources

Popular courses Latest courses

More>