jQuery in-depth & mobile development
Step 1: jQuery Advanced
This stage mainly introduces the in-depth content of jQuery, including jQuery animation, common tool functions, and how to use jSon and Ajax for data exchange, as well as the left navigation case, and the application of the common toolkit fullPage.
Lesson 1
jQuery animation
This course mainly explains the animation in jQuery to make the page more vivid and the animation compatibility better.
Lesson 2
jQuery common tool functions
This course mainly explains the common methods used by jQuery and other libraries at the same time, browser and feature detection, processing JS objects and collections, and other tool functions, so that the jQuery library can achieve richer effects.
Lesson 3
JSON与AJAX
This course mainly explains the advantages of AJAX, cross-domain solutions, JSON data format and JSON objects in browsers
Lesson 4
Left navigation case
This course mainly explains several ways to realize the left navigation, and makes a detailed comparison, so that students can flexibly use different ways to realize the left navigation effect.
Lesson 5
fullPage
This course mainly explains the detailed explanation of the configuration items of the fullpage plugin and the practical application of the project.
Step 2: Mobile Responsive
This stage mainly leads you to the mobile terminal, and mainly explains the mobile basic viewport, flexible box layout, responsive layout, and combined with the previous comprehensive cases, etc., to lay a solid foundation for mobile terminal development.
Lesson 1
mobile basics
Through the study of this course, we can understand the difference between the mobile terminal and the PC terminal, and we can have a preliminary understanding of the mobile terminal development by learning the basics, measurement units, browsers and other knowledge of the mobile terminal.
Lesson 2
Responsive layout
In this course, the teacher will lead you to learn the implementation of mobile responsive layout. When the screen reaches a certain width, there will be a different layout.
Lesson 3
flex flexible layout
This course will lead you to learn the layout of the mobile terminal - flex layout. By learning the properties of flexible containers and items, you can achieve flexible layout of pages.
Lesson 4
Mobile interface case
This course mainly explains an interface case of the mobile terminal. Through the explanation of the layout, the analysis of the code and the use of the flex layout, everyone has a comprehensive understanding of the actual development of the mobile terminal.
Step 3: Common Toolkits
This stage mainly guides you to learn the commonly used toolkits such as zepto and swiper on the mobile terminal, as well as the explanation of debugging tools. You can find the problem by yourself when there is a problem with the code, and you can have a deep understanding of the mobile terminal after learning.
Lesson 1
Error debugging and handling
This course explains how to find the problem and how to debug the code when we encounter a problem with the code during the development process.
Lesson 2
zepto
The course mainly provides a comprehensive understanding of zepto through selectors, events, animations and other directions, and finally implements writing a zepto plug-in.
Lesson 3
Swiper
This course mainly introduces swiper's special effect plug-in for mobile website sliding, which can quickly realize common effects such as Tab switching and multi-image switching.
Step 4: Bootstrap Details
This stage mainly leads you to learn the relevant knowledge of Bootstrap, from downloading configuration to component application, and how to quickly build a web page layout, and lead you to reveal the magic of Bootstrap layer by layer.
Lesson 1
bootstrap grid layout
This course mainly explains what is bootstrap's grid layout and how to use grid layout to complete responsive pages
Lesson 2
Bootstrap module classification and layout layout
Through this course, we will categorize the modules of the page, typeset layouts, and use bootStrap to style forms, tables, buttons, images, and text.
Lesson 3
Bootstrap common components
This lesson leads you to learn bootstrap components and plug-ins. Reusable components and plug-ins improve development efficiency and increase the user experience of the page.
Lesson 4
Bootstrap practical case
After learning the basics of bootstrap, in this course we will use bootstrap to implement the layout of a web page and experience the development process and skills of the project.
download link: