ox! One set of code, running on 14 platforms! Definitely suitable for programmers to do side jobs!

Earning money is like dripping water, and spending money is like flowing water. Not enough flowers, really not enough flowers!

In order to solve this problem, many people keep the main task, randomly open the dungeon, and doing side jobs has become the consciousness that adults should have.

As the saying goes, a man is not rich without windfall, and a horse is not fat without night grass. Young people can't hide their desire to start a side job. Who doesn't want to have a high-income side job, make a fortune silently, and make money hard?

As a high-income group, programmers understand the importance of "technical realization". Programmers are still the most suitable occupation for side jobs. After all, they are full of skills, professional counterparts, a computer + a keyboard, and can be directly started!

 

picture

At present, many programmers have opened up side jobs, and the income from side jobs even exceeds the main job! There is a Plan B that allows you to live a good life. No matter the economic downturn or the company's operating conditions are not good, the ability to resist risks is 1G!

This programmer shared his experience of taking private jobs, using the uni-app applet + TPshop background to develop a travel applet, the number of developers is only 1, and the development cycle is 60 days (note, this is the time reported to Party A) , Get 60,000 directly!

He said: The reason why uni-app is used to develop small programs is mainly to consider cost performance and later development costs, so as to minimize multi-terminal development costs!

picture

△ Picture source [I am a program Wang], such as intrusion and deletion

Side jobs also have ranks, and the real king is a small investment with a big return.

In the development environment of "small steps, quick iterations", a uni-app that can realize multi-terminal coverage for one development and multi-terminal operation of a set of code is undoubtedly the best choice!

It is worth noting that DCloud, the company to which uni-app belongs, has 9 million developers, millions of applications, 1.2 billion mobile monthly active users, and thousands of uni-app plug-ins.

At present, the scope of use of uni-app continues to expand, and many companies request to use uni-app for development!

picture

picture

picture

△ Image source network, such as intrusion and deletion

Why has uni-app become a "strict choice for programmers' side jobs"?

One is low cost and fast development, and a set of codes can be used by multiple terminals.

The same set of code used to require at least 5-8 people to develop for 3 months; now use uni-app to generate multiple terminals, 3-5 people develop at the same time, and it can be done in less than 1 month.

The second is that the development community is rich in ecology, and a set of codes is synchronized across multiple platforms.

uni-app can synchronize a set of codes to iOS, Android, H5 and various small programs (such as WeChat, Alipay, Baidu, Toutiao, QQ, Dingding, Taobao, etc.), quick apps and other platforms. hand, do not worry about anything.

picture

△ Image source network, such as intrusion and deletion

If a worker wants to do a good job, he must first sharpen his tools

a good programmer

Not only must you be able to write bugs, fix bugs, and take the blame 

Also be good at using various development tools

For example, the uni-app used by Xiaobai

Make more money with more time

but please remember

Before making money, make yourself more valuable

"Little Rabbit Fresh Mini Program vue3+TS Practical Development"

online

This time, we not only teach uni-app

Based on Vue3+Ts+Pinia+uni-app

The whole process of e-commerce business developed by the latest combined technology stack

Unreserved, all released at once!

Learn one more skill, one more ability to make money

Learning first is respectful!

picture

picture

The lecturer, Ms. Su, is a core member of the Uni-Helper organization and a contributor to the uni-app TS ecosystem!

It is better to teach a man to fish than to give him a fish. Mr. Su devoted himself to creating "Little Rabbit Fresh Mini Program Vue3+TS Practical Development", the first set of uni-app projects developed with Vue3+TS on the whole network, and packaged its own components from scratch!

The course starts from the basic introduction of uni-app, and explains one by one according to the business modules according to the promotion method of the complete e-commerce business process. After completing this course, you can gain the ability to use uni-app+Vue3 to develop medium-sized projects!

✦  +

+

Course Highlights

1. The most complete materials: detailed online notes, stable interface server, interface documents with complete fields and types;

2. The latest technology stack: Based on the uni-app multi-terminal development framework, it is developed with the latest combination of Vue3 + TS + Pinia + uni-ui in 2023, and the coding conforms to the ESLint + Prettier + Git Hooks team specification;

3. The most business: covering multiple functions such as "guess what you like, popular recommendation, product classification, product details, WeChat login, user management, address management, shopping cart management, order management", as well as WeChat login, WeChat payment, etc. Multiple businesses;

4. Best practices: combined API best practices, Vue3+TS best practices, Pinia state management best practices, uni-ui component library best practices, develop mainstream WeChat applets and package them online, and are compatible with H5 end, App end.

✦  +

+

For people

1. Friends who have already learned native applets and want to advance the uni-app technology stack;

2. I want a set of codes to cover the needs of applets, H5, and multiple terminals at the same time;

3. Friends who have learned the basics of Vue3+TS, but suffer from no project practice;

4. Small partners who want to do small program graduation design;

5. Back-end development partners who want to understand the uni-app technology stack.

✦  +

+

Course content

Day1

1. Tutorial video

2. Create uni-app project

3. Pages.json and tabBar case

4. The difference between uni-app and native applet development

5. Use the command line to install uni-app

6. Develop uni-app project with VSCode

7. Pull the project template code of Xiaotuxianer

8. Infrastructure - Install the uni-ui component library

9. Infrastructure-Pinia Persistence on Mini Program Side

10. Infrastructure - request and upload file interceptor

11. Infrastructure-request function encapsulation-request success-to be fixed-graphic

12. Infrastructure - request function encapsulation - failure

13. Homepage - Custom Navigation Bar

Day2

1. Carousel map - automatic import of common components

2. Carousel map - indicator point

3. Carousel map - get carousel data

4. Carousel - data type definition and rendering

5. Carousel - Summary

6. Foreground classification - component encapsulation

7. Foreground classification - get data

8. Foreground classification type definition and rendering

9. Homepage-Hot Recommendations

10. Guess you like - component encapsulation

11. Guess what you like - get data - disassemble

12. Guess you like - type definition and list rendering

13. Guess You Like - Pagination Preparation

14. Guess You Like - Page Loading

15. Guess you like - pagination condition

16. Home page - pull down to refresh

17. Home page - pull down to refresh - guess you like data acquisition

18. Homepage-skeleton screen
 

Day3

1. Popular Recommendations - Preparations

2. Popular recommendations - get data

3. Top Recommendations - Type Definition

4. Popular recommendation - page rendering and tab interaction

5. Popular recommendation - page loading

6. Popular Recommendations - Pagination Conditions

7. Commodity classification - preparation

8. Commodity classification-rendering first-level classification and Tab interaction

9. Commodity classification-rendering secondary classification and commodities

10. Commodity classification - skeleton screen

11. Product Details - Preparations

12. Product details - page rendering

13. Commodity details-carousel map interaction

14. Product details - pop-up layer component

15. Product details - pop-up layer interaction

Day4

1. Login module - applet quick login

2. Login module - Simulate quick login

3. Login module - save login information

4. Member Center - Member Information Display

5. Member Center - guess you like page loading

6. Member Center - Settings page subpackage and pre-download

7. Member Center - Logout

8. Personal Information - Preparations

9. Personal Information - Acquisition and Rendering

10. Personal Information - Modify User Avatar

11. Personal information - modify user nickname

12. Personal information - synchronous avatar nickname

13. Personal Information - Change Gender

14. Personal information - modify birthday

15. Personal Information - Change City

16. Personal Information - Summary of Technical Points
 

Day5

1. Address module - preparations

2. Address module - new address

3. Address module - list rendering

4. Address module-modify address-data echo

5. Address module - modify address - submit form

6. Address module - form validation

7. Address module - delete address

8. SKU module - basic use of plug-ins

9. SKU module - rendering product information

10. SKU module - open the pop-up window to set the button mode

11. SKU module - calculate the selected value

12. SKU Module - Add to Cart

13. Shopping Cart Module - List Rendering

14. Shopping cart module - delete item

15. Shopping cart module - modify the quantity of a single product

16. Shopping cart module - modify the selected state

17. Shopping cart module - settlement information at the bottom

18. Shopping Cart Module - Two Shopping Cart Pages
 

Day6

1. Fill in the order form - render basic information

2. Fill in the order-delivery address

3. Fill out the order form - buy now

4. Fill in the order - submit the order

5. Order details-custom navigation bar interaction

6. Order details - order status rendering

7. Order details - countdown to payment

8. Order Details - Pending Payment - Order Payment

9. Order details-to be shipped-simulated delivery

10. Order details-pending receipt-confirm receipt

11. Order details - pending receipt - order logistics

12. Order details - delete order

13. Order list-Tabs sliding switch

14. Order list-Tabs page jump highlight

15. Order List - List Rendering

16. Order List - Order Payment

17. Project packaging-WeChat mini program released and launched

18. Project packaging - conditional compilation and web page packaging

Birds want to fly high and flap their wings first

People seek to improve and learn first

"Little Rabbit Fresh Mini Program vue3+TS Practical Development"

 -Complete supporting information, free to receive- 

(Video + lecture notes + source code + notes + materials)

Pay attention to the official account of the dark horse programmer, and send in the background: Xiaotuxian applet

Get it all for free

picture

 

Guess you like

Origin blog.csdn.net/Blue92120/article/details/132168115