Download address:Baidu cloud
Stage 1: E-commerce front-end – Advanced e-commerce applets for extreme experience
And proved
Week 1 Into the Web full stack engineer
In the first week of the course, we will publish the complete course system plan, show the complete project effect, and then start to carry out project analysis, project technology selection, and small program component development methods and skills.
Course Arrangement:
1. Preliminary planning and investment of full-stack projects
2. Understand the overall structure of Wind Sleeves; Pre-knowledge completion; Overview of development tools;
3. How to construct an e-commerce project from 0
4. How to analyze projects and the essential links of typical projects
5. The importance of the configuration file and the first call to the server API, business object
6, docking server API, at the same time in front of the full use of async and await to encapsulate Httpq requests, to create a perfect small program hierarchical structure
7. Basic concepts of applets Slot
NPM semver syntax rules
9, master the small program component development methods and skills, lay a good foundation
10. Fully use custom components to build each element of the home page to improve development efficiency
11, custom components and LinUI Grid components to build classification of six cells
A few very important principles for component design and LinUI usage
Week 2 introduction and programming principles of the Lin UI Component library
We started development this week, and since the project is complex, we need LinUI to help us build the page. In this chapter we will focus on the Price component of LinUI, but learning components is not the goal. The key is to learn the design techniques of components and the principles of component-based programming.
Course Arrangement:
1. Some basic concepts of coupons and entry of coupons
2, small program page background color exactly how to set?
3. Should HTTP requests be merged?
Functional programming concepts and skills
5. In-depth understanding of native Scroll View components
6. Do all methods need async and await?
7. Spu-scroll sliding custom components
8, Lin UI Price component application
At the end of week 3, start the trial
In the first two weeks, we have a slow pace, mainly to give you time to do homework. From this week, we will gradually finish the warm-up and start the advanced content, so we will speed up the pace from this week. This week, I mainly completed the hot sales, new, bottom long rolling list and waterfall flow on the home page.
Course Arrangement:
1. Several CSS writing principles abstracted from Scroll View
2. Use WXS to solve complex logic problems
3, Webstorm’s SAO operation custom code snippets
4. Margin problems of custom components and application of external style classes
Learn abstraction to simplify database table design
Observers is a new listener
7. Flexible use of Flex layout
Hover click mode with @import common stylesheet
The ultimate solution to component customization: Abstract nodes
10, what is anti – shake, interception, how to apply?
11, Custom Paging object details (solve Paging problem)
12. Beauty of coding: Use more returns to end functions earlier than else
Common faulty logic for discount and original prices
14. L-water-flow abstract component in-depth analysis
Waterfall flow page loading and preliminary molding
16, dynamic calculation of picture height and width
Loading thinking logic: Loading is actually a permanent state
Week 4 Conquer SKU and shopping cart
Week four is important! We will focus on explaining SKU, SPU and shopping cart, perfecting the complex logic of shopping cart is a headache for every front-end development, but also the essence of e-commerce projects, helping students overcome difficulties!
Course Arrangement:
1. Page hopping and new mechanism EventChannel
2. Meaning of Spu, Sku, specification name, and specification value
Adjust thinking, to solve complex logic problems
4. Think about problems with the help of symbolic naming
Control center Realm and Fence Fence
6. Instantiate Fences and test Fences
7. SKU overall thinking process analysis and matrix thinking simplified specification value extraction
8. SKU scheme arrangement 1: extraction of specification values
9. SKU scheme collation II: The core problem is the determination of the state of the specification value
10. Extract specification values with the idea of matrix
11, Mathematics small class: matrix transpose and rotation/matrix traversal
Talk about mathematics, object-oriented and programming thinking
13. Construct the Cell object
Week 5 SKU core: Specification status, coding, out of stock logic
Last week we laid a solid theoretical foundation for SKU, and in this chapter we step into the core algorithms of SKU
Course Arrangement:
1. The corresponding relationship between SKU string code number, Fence and specification name
2. Cell reduplication, custom components, preliminary completion of specification matrix rendering
3. SKU core algorithm and specific implementation
4. Solutions to different specifications of matrix columns
5. Application of permutation and combination in SKU
6. The SkuCode class splits possible Sku paths
7, Combination function, complete PathDict dictionary
8. Three state styles of the Cell
9. Select, disable, and switch the optional states
10. The data flow selected by the SKU
Custom component events cross component boundaries
12. What are the potential paths for SKU?
13. Re-rendering matrix and error screening deduction
14. Obtain the row and column number of the Cell to enable positive and negative Cell selection
15. SKU PotentialPath and PotentialPath PotentialPath analysis
16. Deduce the rule of positive/negative selection Cell
17, SkuPending class responsibilities
18. Traverse the potential paths of all cells
19. Complete the logical selection of SKU
Week 6 SKU end, coupons, shopping cart explanation
This week, we wrap up the SKU and start talking about coupons and shopping carts. The cancellation of coupons and synchronization of shopping cart data is a major challenge this week. There are three mountains on the front, SKUs, coupons and data synchronization, which is also the business that can cultivate our programming thinking best.
Course Arrangement:
Improvements to the Realm skeleton
2. Concept and significance of the default SKU/The default SKU is added to SkuPending after disassembling
3. Evaluate the impact of the cycle on performance from two metrics?
4. Complete rendering of default specifications and linkage between Sku description data and specification selection
5. Specific processing process of goods without specifications
6. Complex logic processing of specification selection prompts/specification selection is linked with SKU description
7. Discussion on setData performance
8. Obtain the code and the specified SKU
9, add shopping cart behavior logic and product details page
L-counter Quantity selector/quantity control properties
11, out of stock situation analysis, three trigger out of stock state mechanism
12. Use iconFont online font ICONS and introduce custom font ICONS
13. Product detail picture display and hide page scroll bar scheme
14. Realm Slider controls optimize realm’s scroll bar for different heights
15. Decide whether the user buys now or adds to the cart
16, the subjectivity and combination of specifications
17. Explain the key and difficult points of the classification page and advanced application of segment component
18. Dynamic calculation of window height and dynamic conversion between PX and RPX, and conversion from PX to RPX on different models
Dynamically calculate the scrollview height of the Detail page
20. Discussion on performance and experience optimization of classification loading
Week 7 Advanced e-commerce order management development and front-end project closure
This week explains order management, and order amount calculation, e-commerce price calculation mode is many, the key is the reservation of fractional parts, divided into up/down round, round, banker mode and so on. Master technical dry goods. In addition, we’ll wrap up the whole front end and start moving to the Java core
Course Arrangement:
1. Search page: application of l-search-bar search input box
2. Historical search record classes
Application of data structure queues in HistoryKeyword
4. Design Pattern: Application of the proxy pattern in HistoryKeyword
5. Application of singleton pattern in JS
6, keywords, tags two search scenarios
7. Empty data and empty keyword processing
8. Cart cache object CartStorage
9. Cart objects in singleton mode
10, Observer listener trigger scenario and common misunderstanding
11. “Bug” and resolution of multiple Observer listener triggers
Data binding delay problems and solutions
13. Solutions to unstable binding variables
14. Customize CheckBox
15. Shopping cart full selection, reverse selection and linkage
16. Shopping cart amount is calculated together
17. Shopping cart data synchronization
Week 7+ Shopping cart price synchronization, coupons, orders and wechat pay
This week, we mainly completed the synchronization function of shopping cart data and server data. Meanwhile, the calculation of coupons is also a difficult knowledge point. In addition, we will also handle details such as orders and front-end wechat payment
Course Arrangement:
1. Delivery address management
2. Detailed explanation of wechat authorization mechanism (component authorization and API authorization)
3. Delivery address and cache
4. Total front-end prices
5, front-end coupon discount QQ in addition to calculation
6. Front end price check
7. Restrictions on the use of coupons by category
8. Decimal reservation (round up, round down, banker mode)
9. Merchandise delivery status management
10. Obtain users’ wechat information
11. Pull up wechat Pay
Stage 2: Java SpringBoot API to build advanced e-commerce business back-end
Week 8: Getting to know SpringBoot
This week we’ll talk about the history of the Java Web before SpringBoot, the version numbers of SpringBoot, setting up the Java environment, initializing the SpringBoot project, and building the first API.
Course Arrangement:
1. History of Java Web Frameworks
SpringBoot and Abstract oriented programming
3. Fully understand SpringBoot version numbers (primary, secondary, incremental, release)
4. Two Java build tools: Maven and Gradle
5. Development tools use Idea and three ways to create SpringBoot projects
6. Initialize the SpringBoot application using Spring Initializr
The basic directory structure of the SpringBoot application
POM file parsing and Maven version stomping pit
9. Run my first SpringBoot application
10. Create an API package and controller
Use the ResponseBody annotation instead of the ServletResponse
12. SpringBoot hot restart configuration
13. @restController annotation
Week 9 In-depth theoretical knowledge of Java programming ideas
This week is a very important in-depth knowledge of Java programming ideas and theories. Our goal is to cover IOC and DI. It’s not easy to really understand the concepts. We need to move from the most basic interface polymorphism to the factory approach, then to IOC, and finally to the OCP open and close principle
Course Arrangement:
1. Why are there so many complex concepts in SpringBoot?
2. Is Java a clunky junk language?
3, open and close principle OCP, why abstract programming?
4. Common means for abstraction: Interface, factory pattern, IOC and DI
5. The first bad street code style
6. Use the abstract style of Interface
7, interface unified method call, but not unified instantiation
8. The difficulty of abstraction lies in the new object
9. Only a piece of code that is not responsible for object instantiation is stable
Factory pattern separation object instantiation
11. Stability is relative, and we need to isolate unstable code
Change is the root cause of code instability
Eliminate all change through reflection
14. Factory mode + reflection is not IOC and D
IOC and DI prototype, IOC example
16. Why does the introduction of containers make the system stable?
What is DIP dependency inversion
18. Significance and principle of DI dependency injection
The container’s role is to assemble objects
20. Understand IOC from a DI perspective
The ultimate IOC mystery
Week 10 Spring and SpringBoot theory
Last week, I explained the nature of object orientation and the OCP principles to strengthen my understanding of the general principles and pave the way for learning Spring. This week we will begin the theory of Spring, which will not only teach you how to use Spring and SpringBoot, but also understand its principles and mechanisms
Course Arrangement:
1. The relationship and difference between Spring, SpringMVC and SpringBoot
2. Grasp several important purposes of Spring to improve learning efficiency
SpringBoot basic programming mode @Component+ @autoWired
Stereotype Annotations
5. Spring’s instantiation and dependency injection timing and lazy instantiation
Member variable injection, Setter injection, and construct injection
7, the processing of multiple implementation classes of an interface
@autoWired is injected by type
Passive inference injection and active selection injection
10. Two options for dealing with change (Policy pattern and Attribute Configuration)
@configuration Configuration class
12. Changes are ultimately quarantined in a configuration file
The real role of @configuation and @bean
14. Deeply analyze the significance of @Configuration
15. @Configuration is a programming mode
Week 11 Conditional annotations and configuration for Sprinboot
This week we’re going to talk in detail about the role and significance of conditional annotations in coping with change
Course Arrangement:
1, Bean name and several injection methods addendum
2. @ComponentScan Packet scanning mechanism
3. Several implementation schemes of strategy mode
4. Basic usage of Conditional component @Conditional
ConditionContext of the Condition interface
6. @conditionalonbean
7, SpringBoot automatic configuration principle analysis
8. Understanding @SpringBootApplication annotations
9. Write your own Spring application startup class
10. Two uses of @import
SpringBoot: spring.factories
Java SPI mechanism parsing
13. Summary of in-depth theory class
Week 12 Java exception anatomy in depth
This week we’ll take an in-depth look at Java exception classification and differentiation, and learn how to apply and handle exceptions in SpringBoot
Course Arrangement:
1. How to uniformly catch exceptions?
Error, CheckedException, and RunTimeException
3. Thoroughly understand CheckedException and RuntimeException
4, custom HTTPException exception class
5. Listen for both Exception and HTTPException
6. Abnormal deep thinking and understanding
7. Return the unity message in @exceptionHandler
8. Handle custom HTTPException
9. Why do I need to write exception information in the configuration file
10. Custom configuration classes manage configuration files
11, HTTPException meaning
12. SpringBoot active discovery mechanisms and ideas
13. Automatically generate route prefixes based on the directory structure
Customize RequestMappingInfo
Discover classes through interfaces
16. Complete the custom PrefixUrl
Week 13 Parameter validation mechanism and use of LomBok toolset
Focus on SpringBoot parameter verification mechanism. Parameter validation select JSR-303BeanValidation, which uses annotations to validate parameters. You’ll also learn about common annotations and Builder construction patterns in the LomBok toolset
Course Arrangement:
1. Modify the code of the Properties file to solve the garbled code problem and the parameter verification mechanism
2. Obtain parameters and query parameters in the URL path
3. Receiving DTO of data transmission object
4. Basic use of LomBok, a few comments on constructors
5. Use of @Builder constructor pattern
6. Serialization of JSR-269 and Builder mode
7. Verify basic parameters with @Validated annotation
8. Verify the parameters in the HTTP Body and the cascading validation
9, custom validation annotation correlation class
10. Get parameters for custom validation annotations
11. Capture abnormal information about parameter verification of DTO class
Catch exceptions to Url and query parameters
Week 14: Layered design and JPA techniques
This week we will begin a technical presentation of the business and database. We will focus on the use of JPA in this phase. JPA is a Hibernate-based technology that can manipulate databases using objects.
Course Arrangement:
1. Establishment of Service business logic layer (Service layer)
2. Whether interfaces must be used to establish associations between layers
3. Three main ways to create a data table, create a database and a data table
4. Yml configuration file
5. Multi-environment profiles and enabling methods
6. Database design, entity relationship and inquiry scheme discussion
Maven relies on several solutions that cannot be installed
8. Use ORM to generate data tables
9. Advantages and disadvantages of common entity class annotations and ORM generated table
10. Discussion on the third table of Many-to-many Relationships (key points)
11. Database design steps and database optimization principles
Configure the one-to-many relationship between entities @onetomany
13. Specify the foreign key field and whether physical foreign keys are required
14. Jpa association and rule query
Lazy loading and rush loading
16. Two-way one-to-many configuration
17, two-way one-to-many foreign key configuration problem
Unidirectional many-to-many relationship configuration and FAQ
19. Two-way many-to-many configuration
20, How to disable JPA from generating physical foreign keys
Week 15 concept and thinking of ORM
Learn ORM concepts: reverse-engineer Entity generation, Entity base class extraction/common Entity annotations. In addition, we are ready to start developing business. Of course, it is simpler than the advanced business behind, but don’t relax because it is simple. It is a good resource to get familiar with theoretical knowledge