Practical explanation of front-end and back-end separation knowledge points - Blueberry Pi music community project

• Chapter1 Course Introduction and Basic Knowledge
• 1-1 Course Introduction
• 1-2 client-server
• 1-3 Internet domain name
• Chapter2 Install and start xampp
• 2-1 Install xampp
• 2-2 xamppstart
• Chapter3 php basics
• 3-1 php file creation
• 3-2 php data type_string
• 3-3 php array
• Chapter4 Log in
• 4-1 Log in
• 4-2 Simulate static data login
• Chapter5 php connect to database
• 5-1 Database creation
• 5-2 php connect to database
• 5-3 review
• Chapter6 Database operations
• 6-1 Database operation statements
• 6-2 Database query statement
• Chapter7 Login implementation
• 7-1 form form default login
• 7-2 Ajax implementation of login ideas
• 7-3 jquery_ajax implements login
• 7-4 Login rendering data
• 7-5 Homework ideas
• Chapter8 Front-end and back-end interaction
• 8-1 Front-end and back-end interaction
• 8-2 Operation
• Chapter9 Introduction to Ajax
• 9-1 Introduction to ajax
• 9-2 ajax advantages and disadvantages
• 9-3 ajax implementation principle
• Chapter10 ajax request
• 10-1 ajax request steps
• 10-2 ajax request status code
• 10-3 ajax request sends parameters_get
• 10-4 ajax request send parameters_post
• 10-5 ajax request http request protocol request header-response header introduction
• Chapter11 ajax parsing\request data
• 11-1 Synchronous Asynchronous
• 11-2 ajax gets local json data
• 11-3 ajax parsing local data
• 11-4 Work requirements
• 11-5 Assignment 1
• 11-6 Assignment 2
• Chapter12 xml and json
• 12-1 ajax gets xml data and parses it
• 12-2 The difference between xml and json
• 12-3 Install jsonView
• 12-4 jquery ajax
• Chapter13 ajax package
• 13-1 Simple encapsulation to obtain data
• 13-2 Native ajax packaging ideas
• 13-3 ajax package
• 13-4 ajax
• Chapter14 Cross domain
• 14-1 What is cross-domain
• 14-2 Cross-domain demo
• 14-3 Cross-domain solution - proxy
• 14-4 The implementation principle of jsonp cross-domain
• 14-5 Cross-domain jsonp for jquery
• Chapter15 Homework and Q&A
• 15-1 Operation
• 15-2 JD Q&A
• Chapter16 Project realization
• 16-1 cors sharing-cross domain
• 16-2 Project preparation
• 16-3 swiper-carousel chart-introduction
• 16-4 swiper-parallax effect
• 16-5 Carousel settings-auto play
• 16-6 Home page carousel dynamic data
• 16-7 Movement layout
• 16-8 Movement acquisition data
• 16-9 Movement interface—music playback layout
• 16-10 js control audio radio frequency playback ideas
• 16-11 js controls audio playback status
• 16-12 total duration
• 16-13 Get data for articles and songs
• 16-14 Article Paragraph-Layout
• 16-15 Article-Dynamic Data-Paragraph Analysis
• 16-16 Login layout
• 16-17 Login interface implementation
• 16-18 tab switching
• 16-19 Third-party plug-ins
• 16-20 Pagination-js-Home Page-Previous Page
• 16-21 Show page number
• 16-22 Pagination-next page-last page
• 16-23 Pagination-binding events
• 16-24 Blueberry Pi-Layout
• 16-25 Self-writing-paging-getting data
• 16-26 Pagination plug-in-get data
• 16-27 Mobile terminal-introduction
• 16-28 Mobile Unit-Dimensions
• 16-29 viewport size
• 16-30 Mobile layout-rem-em-px difference
• 16-31 rem - dynamically modify the size of the html root element
• 16-32 rem layout-implementation
• 16-33 Mobile terminal-cut layout
• 16-34 vw layout
• 16-35 Mafengwo layout
• 16-36 Get Mafengwo data
• 16-37 Click to load more data
• 16-38 Pull down to automatically load more data
• 16-39 swiper-grid layout-viewport displays multiple swiper-sl
• 16-40 Steps to use swiper-animate animation
• 16-41 Yi Qixiu-Online production of micro scenes
• 16-42 swiper-animate-micro scene
• 16-43 review
• 16-44 zepto introduction
• 16-45 Basic use of zepto
• 16-46 fastClick
• 16-47 js chart tool
• 16-48 Basic usage of charts
• 16-49 charts-title-prompt box
• 16-50 series-legend
• 16-51 x-y axis configuration
• 16-52 Modify bar style
• 16-53 polyline style
• 16-54 Polyline-Smooth-Fill
• 16-55 Dynamically set data
• 16-56 Operation
• 16-57 pie chart
• 16-58 Modify map color
• 16-59 HTML5 storage
• 16-60 Cookie features
• 16-61 Set local cookies
• 16-62 Cookie Chinese transcoding-direct access