Next Section: 图片标签1080 plays

5 秒后自动播放下一节
  Watch Again

Basic tutorial for getting started with Web front-end

Introduction >
ChapterCourseware
Chapter1webstorm development tools

Current status of web front-end

09 minutes45 seconds

Introduction to development tools

05 minutes03 seconds

Installation of webstorm

04 minutes41 seconds

Use of webstorm

24 minutes03 seconds
Chapter2HTML basics

html introduction

16 minutes57 seconds

html basic structure

12 minutes24 seconds

Properties in the basic structure

16 minutes18 seconds

fundamental element

21 minutes13 seconds

Image tags

10 minutes30 seconds

Hyperlink

21 minutes34 seconds

Anchor positioning

09 minutes20 seconds

Block elements and inline elements

26 minutes00 seconds

Unordered and ordered lists

15 minutes13 seconds

custom list

06 minutes44 seconds

Basic structure of table

11 minutes56 seconds

Common properties of tables

17 minutes47 seconds

Table row and column properties

08 minutes56 seconds

Merge Cells

06 minutes10 seconds

Iframe

19 minutes45 seconds

Form function

11 minutes53 seconds

textbox and password

12 minutes32 seconds

Radio buttons and checkboxes

10 minutes14 seconds

button group

16 minutes32 seconds

drop-down list

12 minutes39 seconds

Multiline text and label labels

08 minutes50 seconds

form fields

11 minutes05 seconds
Chapter3HTML5 new

html5 new type 1

09 minutes40 seconds

html5 new type 2

07 minutes41 seconds

html5 new attributes

09 minutes58 seconds

div tag and span tag

16 minutes09 seconds

HTML5 new structure tag 1

06 minutes51 seconds

HTML5 new structure tag 2

14 minutes14 seconds

datalist tag

06 minutes04 seconds

video

06 minutes44 seconds

Audio

09 minutes34 seconds

embed tag

04 minutes44 seconds

canvas tag 1

16 minutes31 seconds

canvas tag 2

14 minutes13 seconds
Chapter4CSS

Get to know css

07 minutes50 seconds

css introduction method

22 minutes14 seconds

css rules and comments

06 minutes03 seconds

Use of chrome debugging tools

11 minutes54 seconds

Element selectors and universal selectors

09 minutes58 seconds

Class selectors and ID selectors

14 minutes38 seconds

css style sheet features

12 minutes32 seconds

Merge selectors

08 minutes25 seconds

div+css layout

09 minutes32 seconds

Background color and image

21 minutes42 seconds

Background image location

10 minutes10 seconds

background attachment

06 minutes15 seconds

Background abbreviation

04 minutes47 seconds

Font properties

09 minutes38 seconds

Color transparency and content overflow

22 minutes14 seconds

text attribute 1

14 minutes01 seconds

text attribute 2

13 minutes12 seconds

list properties

12 minutes00 seconds

Relationship selector

16 minutes32 seconds

attribute selector

17 minutes16 seconds

Link pseudo-class selector

12 minutes55 seconds

Structural pseudo-class selector

21 minutes29 seconds

Pseudo object selector

11 minutes01 seconds

Get to know the box

22 minutes03 seconds

margins

12 minutes57 seconds

padding

07 minutes50 seconds

Margin merge

18 minutes40 seconds

weird box

30 minutes14 seconds

Meizu official website

22 minutes47 seconds

flexbox

23 minutes24 seconds

Flexbox application

24 minutes57 seconds

float

12 minutes58 seconds

clear float

09 minutes04 seconds

display attribute

21 minutes59 seconds

position positioning

19 minutes10 seconds

Browser kernel and its prefix

17 minutes27 seconds

z-index stacking order

06 minutes38 seconds
Chapter5Navigation map and carousel map

Gionee official website navigation bar

23 minutes06 seconds

Gionee official website navigation bar 2

13 minutes42 seconds

Centered summary

09 minutes01 seconds

Gionee official website carousel image

15 minutes50 seconds

Gionee official website star products

09 minutes42 seconds

rounded corners

14 minutes15 seconds

shadow

15 minutes21 seconds

linear gradient

15 minutes41 seconds

radial gradient

17 minutes02 seconds

animation

18 minutes36 seconds

Draw graphics

06 minutes32 seconds

multiple columns

04 minutes10 seconds

WeChat navigation bar

03 minutes31 seconds

Xiaomi white navigation bar

34 minutes16 seconds

Xiaomi carousel and sliding door

33 minutes25 seconds

Xiaomi small advertising space

18 minutes46 seconds

Xiaomi flash sale

34 minutes47 seconds

Xiaomi mobile phone part

Imitation Xiaomi hidden special effects

05 minutes21 seconds

Mobile navigation bar

Mobile carousel chart

16 minutes39 seconds

Mobile message section

Mobile restaurant recommendations

Mobile footer

if branch

Chapter6js basics

js initial

23 minutes02 seconds

Variable types and conversions

51 minutes20 seconds

Other operators

32 minutes42 seconds

ternary operator

07 minutes43 seconds

mathematical operators

33 minutes54 seconds

arithmetic operators

13 minutes11 seconds

literal

23 minutes50 seconds

break和continue

09 minutes30 seconds

switch exercise

08 minutes56 seconds

switch exercise (2)

11 minutes55 seconds

while first acquaintance

16 minutes29 seconds

End of single layer cycle

23 minutes34 seconds

random number

09 minutes18 seconds

small exercise

loop initialization

27 minutes09 seconds

Operation

The job is over

11 minutes03 seconds

break+continue nested+diamond

35 minutes15 seconds

Nested loops

Prime initial

22 minutes19 seconds

prime number simplification operations

24 minutes57 seconds

Common methods for strings

21 minutes41 seconds

on string

23 minutes22 seconds

in string

23 minutes20 seconds

Common methods for strings

46 minutes58 seconds

encrypt and decode

15 minutes00 seconds

array initialization

Array traversal

19 minutes30 seconds

Common array methods

38 minutes18 seconds

Under common methods of arrays

Two-dimensional array

Two-dimensional array exercises

Chapter7Library management system small practice

library management system

36 minutes26 seconds

first acquaintance with object

30 minutes53 seconds

Object operations

38 minutes25 seconds

Function parameters and actual parameters

33 minutes02 seconds

Function type + supplement

27 minutes43 seconds

Homework - Object Class Library Management System

Closure

30 minutes21 seconds

Supplement to closure

variable declaration hoisting

First class citizens of functions

Function scope chain + variable promotion within function

Passing by value and passing by address

Parameters with the same name appear in the function

Overloading of simulated functions

11 minutes05 seconds

eval+instanceof

Math

27 minutes59 seconds

Generate verification code

08 minutes54 seconds

Operation

11 minutes52 seconds

Function scope supplement

pass-by-reference supplement

date object

date job

Chapter8DOM manipulation

dom initial

12 minutes28 seconds

On the common attributes of dom

Among the commonly used attributes of location and dom

titleMarquee

12 minutes46 seconds

Select page elements

DOM creates page elements and attributes + css to implement navigation

26 minutes18 seconds

Set internal styles

24 minutes26 seconds

Common properties of node

Under common properties of node

Node common methods

html element

Event overview+html event

Non-IEdom0 events

Non-iedom2 events

dom2 events in ie

dom2 compatibility writing method

mouse exercises

sliding oh sad div

color palette

Document loading order

23 minutes35 seconds

div mobile supplement

onresize+setTimeOut

Chapter9event

focus event

registered user

scroll event

Significant

Keyboard events

Job 1 registered user

Small div moves within large div

touch event

this

this small example

event attribute

Cancel node default behavior + cancel event delivery

news scroll

29 minutes19 seconds

Compatibility writing

mouse wheel

Add scroll event to news

17 minutes07 seconds

Image verification

22 minutes40 seconds

Secondary linkage

Level three linkage

event delegation

Chapter10window

First acquaintance with window

13 minutes01 seconds

window.name

Common methods

Right-click the corresponding values ​​​​of IE and non-IE

Customize right-click menu

Scheduled calls and delayed calls

timer movement

Taobao example

15 minutes19 seconds

data analysis

Page loading order

js file loading order

Reflow and redraw

window.history

call and apply

Closure

iife

Replenish

correspondence and exclusivity

Object-oriented + constructor

girl walking 1

girl walking 2

Chapter11prototype

First acquaintance with prototypes

15 minutes55 seconds

Reuse function

20 minutes47 seconds

Object-oriented and process-oriented

Analog package

constructor in prototype

prototype chain

Inherited exercises

Prototyping exercise

Design Patterns

end of design mode

17 minutes49 seconds

First acquaintance with regular rules

22 minutes24 seconds

expression + range + group matching

metacharacter pattern

Quantifier pattern

Methods in regular objects

31 minutes41 seconds

Regular advanced-initial position

10 minutes31 seconds

Operation

Repeating class

greed and laziness

Array deduplication

hash to remove duplicates

Efficiency comparison

Bubble sort initial version

Bubbling optimization complete

recursion

Quick sort

binary search

json parsing

Bookstore

41 minutes09 seconds

Size related

Waterfalls flow

49 minutes39 seconds

Error resolution

Infinite scrolling waterfall flow

20 minutes08 seconds
  • CancelreplySending
  • Cancelpost a noteSending