Play with WeChat mini programs from scratch

• Chapter1 Mini Program Basics Video (1)
• 1-1 Course Introduction
• 1-2 Introduction to WeChat Mini Program
• 1-3 Environment preparation for WeChat mini program
• 1-4 My first WeChat applet
• 1-5 Introduction to WeChat Developer Tools
• 1-6 Directory structure of native framework
• 1-7 Global configuration file-pages field
• 1-8 Global configuration file-window field
• 1-9 Global configuration file-tabbar field
• 1-10 Page configuration file
• Chapter2 Mini Program Basics Video (2)
• 2-1 sitmap configuration
• 2-2 Code editor skills before data binding
• 2-3 data binding
• 2-4 Operation
• 2-5 Array and object loops
• 2-6 Use of block tags
• 2-7 Conditional rendering
• 2-8 event binding 1
• 2-9 Event binding 2
• 2-10 style-rpx
• Chapter3 Mini Program Basics Video (3)
• 3-1 Style-Import
• 3-2 Styles - selectors and using less
• 3-3 How to write wxss comments
• 3-4 view and text tags
• 3-5 image picture tag
• 3-6 swiper - calculate the height of swiper proportionally
• 3-7 swiper - common properties
• 3-8 navigator navigation tag
• 3-9 rich-textRich text tag
• 3-10 button-appearance style
• Chapter4 Mini Program Basics Video (4)
• 4-1 Button's opening ability 1
• 4-2 Button's opening ability 2
• 4-3 iconicon
• 4-4 radio radio button
• 4-5 checkboxcheckbox
• 4-6 Introduction to custom components
• 4-7 First experience with custom components
• 4-8 Custom component-Tabs-style optimization
• 4-9 Custom component-title activation selected
• 4-10 Custom component - parent passes data to child
• Chapter5 Mini Program Basics Video (5)
• 5-1 Custom component - child passes data to parent
• 5-2 Custom component-slot
• 5-3 Other properties of the component
• 5-4 Application life cycle
• 5-5 Page life cycle
• Chapter6 Practical combat of Yougou project (1)
• 6-1 Project preview
• 6-2 Project technology selection
• 6-3 Project construction step one
• 6-4 Project construction step 2 (introducing iconfont)
• 6-5 Project construction step three (build tabbar)
• 6-6 Project construction step four - initialize page style
• 6-7 Home page-Search box
• 6-8 Home page-Get carousel chart data
• 6-9 Home-Carousel-Dynamic Rendering
• Chapter7 Practical combat of Yougou project (2)
• 7-1 Modify the native request into a promise
• 7-2 Home-Category Navigation
• 7-3 Home-Floor 1
• 7-4 Home-Floor 2
• 7-5 Classification-the relationship between interface data and page effects
• 7-6 Classification-get interface data
• 7-7 Category-Page Layout 1
• 7-8 Category-Page Layout 2
• 7-9 Category-Click the menu to switch product content
• 7-10 Classification - using caching technology
• 7-11 Category-click the menu-top the list on the right
• Chapter8 Practical practice of Yougou project (3)
• 8-1 Optimize interface code-extract public interface path
• 8-2 Optimized interface - simplify return values and use es7's async
• 8-3 Product list-get category id
• 8-4 Product list-implement search box and tabs components
• 8-5 Product List-Static Style
• 8-6 Product List-Dynamic Rendering
• 8-7 Product list-load next page data
• 8-8 Product list-pull down to refresh
• 8-9 Add global loading icon effect
• 8-10 Product Details-Get Data
• Chapter9 Practical practice of Yougou project (4)
• 9-1 Product details-interface data and page analysis
• 9-2 Product details - dynamic rendering of carousel images
• 9-3 Product details - price & name & picture and text details
• 9-4 Product details-optimized dynamic rendering
• 9-5 Product details-enlarge preview image
• 9-6 Product details-bottom toolbar
• 9-7 Product details-bottom toolbar
• 9-8 Product Details-Add to Cart
• 9-9 Shopping Cart-Shopping Cart Analysis & Receipt Button Style
• 9-10 Shopping cart-delivery address analysis
• Chapter10 Practical practice of Yougou project (5)
• 10-1 Shopping Cart-Complete process of obtaining shipping address
• 10-2 Shopping cart - optimize the code for obtaining the shipping address
• 10-3 Shopping cart-shipping address and button switching display
• 10-4 Shopping Cart-Shopping Cart List-Static Style
• 10-5 Shopping cart-bottom toolbar-static structure
• 10-6 Shopping cart-data dynamic rendering
• 10-7 Shopping Cart-Select All-Data Display
• 10-8 Shopping Cart - Total Price and Total Quantity
• 10-9 Shopping cart - product selected
• 10-10 Shopping cart-select all-inverse selection
• 10-11 Shopping Cart-Item Quantity Editing