Issue 5_Front-end Basics-php.cn

Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Issue 5_Front-end Basics

Web full-stack development, front-end is not only a required course, but also runs through the entire development cycle. The teaching content at this stage covers: HTML5, CSS3, JavaScript and other basic contents, as well as jQuery, Bootstrap, LayerUI and other common framework knowledge, and then cooperates with practical development , allowing you to quickly get started with front-end development work

Elementary

bootstrap

css

css3

html

html5

javascript

jquery

layui

108238 person learning

71class hour

14 hours 13 minutes 32 secondsTotal course duration

2023-08-07update

PHP中文网

Gold lecturer

A total of 51 courses Student5294 Lecturer rating5.8

认证高级PHP讲师More>>

Course Introduction Course Outline Other Courses

You will learn：

HTML5,CSS3,JavaScript,jQuery,Bootstrap,LayUI...

Issue 5_Front-end Basics

Chapter1 HTML document structure
expand retract

Section1 Commonly used text elements on the page
duration： 53 minutes 53 seconds

Section2 Images and links on web pages
duration： 56 minutes 34 seconds
Chapter2 Web front-end basic course
expand retract

Section1 Commonly used background controls in CSS3 (sprites...)
duration： 44 minutes 43 seconds

Section2 Commonly used border effects in layout (border)
duration：In calculation

Section3 Style control for tables and lists
duration：In calculation

Section4 Commonly used form elements on the front end
duration：In calculation
Chapter3 Web front-end basic course 1
expand retract

Section1 Detailed explanation of css cascading style sheets: internal\external\inline
duration： 09 minutes 51 seconds

Section2 Common css selectors
duration：In calculation

Section3 Element display and inner and outer margins
duration：In calculation

Section4 Float(float)+(Youku hot module layout (Part 1)
duration： 49 minutes 03 seconds

Section5 Float (float) + (Youku hot module layout) (Part 2)
duration：In calculation
Chapter4 Web front-end basic course 2
expand retract

Section1 Detailed explanation of positioning in css (fixed/relative/absolute)
duration：In calculation

Section2 Pseudo selector:hover
duration：In calculation

Section3 Case: Youku top navigation (Part 1)
duration：In calculation

Section4 Case: Youku top navigation (Part 2)
duration：In calculation
Chapter5 Web front-end basic course 3
expand retract

Section1 Case: Partial layout of the carousel image at the top of Youku (1)
duration：In calculation

Section2 Case: Partial layout of the carousel image at the top of Youku (2)
duration：In calculation

Section3 Case: The layout of each navigation bar at the top of Youku (1)
duration：In calculation

Section4 Case: The layout of each navigation bar at the top of Youku (2)
duration： 19 minutes 08 seconds
Chapter6 JavaScript basics
expand retract

Section1 Learn about JavaScript
duration： 24 minutes 37 seconds

Section2 variable declaration
duration： 32 minutes 49 seconds

Section3 JavaScript data types
duration：In calculation

Section4 Conditional statements
duration：In calculation
Chapter7 JavaScript Basics 2
expand retract

Section1 switch (multi-branch selection statement)
duration：In calculation

Section2 loop statement
duration： 28 minutes 34 seconds

Section3 Function
duration： 35 minutes 53 seconds
Chapter8 JavaScript Basics 3
expand retract

Section1 function call
duration： 28 minutes 11 seconds

Section2 Closure
duration：In calculation

Section3 HTML DOM
duration： 28 minutes 16 seconds

Section4 DOM events
duration：In calculation
Chapter9 JavaScript case
expand retract

Section1 JavaScript alternate line color change
duration：In calculation

Section2 JavaScript select all
duration：In calculation

Section3 Math object (random color)
duration：In calculation

Section4 Date object (countdown)
duration： 23 minutes 22 seconds
Chapter10 JavaScript case 1
expand retract

Section1 Get the [coordinates] of the mouse in the div in real time
duration：In calculation

Section2 Imitate the text search effect in Baidu Library
duration： 24 minutes 49 seconds

Section3 Move the scroll bar down a certain distance to display [Fixed Navigation]
duration：In calculation

Section4 Level three linkage
duration：In calculation
Chapter11 jquery basic course
expand retract

Section1 Learn about jQuery
duration：In calculation

Section2 jquery installation and use
duration：In calculation

Section3 jquery selector
duration： 30 minutes 18 seconds

Section4 jquery event
duration：In calculation
Chapter12 jquery basic course 1
expand retract

Section1 jQuery traversal
duration： 40 minutes 34 seconds

Section2 jQuery gets and sets CSS classes
duration：In calculation

Section3 jQuery gets and sets content
duration：In calculation

Section4 Simulate adding to shopping cart effect
duration： 25 minutes 52 seconds
Chapter13 jquery basic course 2
expand retract

Section1 jQuery action properties
duration：In calculation

Section2 jQueryadd element
duration：In calculation

Section3 jQuery delete element
duration：In calculation

Section4 Comment like function practice
duration：In calculation
Chapter14 jquery basic course 3
expand retract

Section1 jQuery animation effects
duration：In calculation

Section2 Improve the comment and like function practice
duration：In calculation

Section3 tab switching (automatic switching js native) 1
duration：In calculation

Section4 tab switching (automatic switching js native) 2
duration：In calculation
Chapter15 Use of front-end framework
expand retract

Section1 bootstrap+layui
duration：In calculation

Section2 Frame: Grid Layout
duration：In calculation

Section3 Layui modular use
duration：In calculation

Section4 Today's headlines [1]
duration： 22 minutes 53 seconds
Chapter16 Project【Today's Headlines】
expand retract

Section1 Today's headlines [Navigation layout]
duration： 52 minutes 41 seconds

Section2 Today's headlines [News list]
duration： 51 minutes 15 seconds

Section3 Today's headlines [tab switch]
duration：In calculation

Section4 Today's Toutiao [Home Page Login Layout]
duration： 29 minutes 52 seconds

Section5 Today's headlines - emoticons
duration：In calculation

Section6 Today's headlines [emoji drop-down]
duration：In calculation

Section7 Today's headlines [News list]
duration：In calculation

Section8 Posting effect
duration：In calculation

Section9 scroll bar effect
duration： 27 minutes 46 seconds

Section10 Toutiao [Login Page 1]
duration： 57 minutes 59 seconds

Section11 Toutiao [Login Page 2]
duration：In calculation
Chapter17 4.13 Saturday knowledge answers
expand retract

Section1 Knowledge Answer 1
duration： 54 minutes 39 seconds

Section2 Knowledge Answer 2
duration：In calculation

PHP中文网 Lecturer Other Courses

Elementaryhtml5 Chinese manual

5508
Collection
ElementaryCSS 2.0 Chinese Manual

6106
Collection
ElementaryCSS 3.0 Reference Manual

3773
Collection
AdvancedPlay with CSS Flexbox layout

23079
Collection
AdvancedMake layout as fast as 5G: CSS Grid grid layout

26253
Collection
ElementaryThe front-end course that understands you best: HTML5/CSS3/ES6/NPM/Vue/...[Original]

130416
Collection
ElementaryBootstrap3 reference manual

3334
Collection
ElementaryFoundation5 Manual

901
Collection
ElementaryJavaScript Reference Manual

9429
Collection
ElementaryjQuery1.11 Reference Manual

9114
Collection
ElementaryjQuery1.7 Chinese manual

5728
Collection
ElementaryjQuery_API_1.4.4 Manual

4224
Collection

Delivery price：￥288

favor

Opening a VIP only requires￥ 259 Save ￥ 29

discount

VIP member exclusive VIP 60+ courses are free to watch

Coupon

Participate in the full reduction promotion The specific usage regulations are based on coupons

Buy Now

This course includes：

14 hours 13 minutes 32 seconds Watch videos anytime

0 Download Resources

Popular courses Latest courses

More>

About us Disclaimer Sitemap: php.cn：Public welfare online PHP training，Help PHP learners grow quickly！