Quick Start IONIC3 Multi-platform Development Enterprise Quiz Community Tutorials Ionic real-combat video

Source: Internet
Author: User

The 1th chapter of the course introduction
The course guide shows the application effect of the course, introduces the basic structure of the course, the theory course outline, the actual combat course explanation method, the enhancement curriculum outline and the pre-knowledge point, and demonstrates the course source code structure and the course detailed development note thought map, finally introduced the study this course the harvest.

2nd Chapter Ionic Framework Introduction
The main Ionic framework introduction and pre-combat important knowledge points, Ionic version of detailed explanations and notes, Ionic framework documents, APIs, source code, Ionic official slack, blog forum Introduction, Ionic components Introduction, Ionic Native Framework, Ionicons and other knowledge points are explained in detail, this part of the basic knowledge, whether it is a novice or a master has reference significance. ...

The 3rd chapter of the project-pre-requisite knowledge points
It mainly contains the introduction of mind map software and the node. JS framework introduced in the course. and the actual combat in the MAC and Windows Environment of node. JS specific version installation, network problem solving and this combat course specified version Ionic installation, curriculum code use Vscode Introduction, installation, Vscode development Ionic necessary plug-in introduction and installation, and Roid development Environment installation, Android simulator Genymo ...

The 4th chapter of the actual project-development environment Initialization
This section initializes the project. This article mainly introduces the initialization of the project using the Ionic CLI, and also introduces another construction project scenario when the Ionic CLI fails to initialize. and introduced the project development tool Vscode necessary plugin installation and setup. The project was then packaged and explained how to run tests on IOS, Android, and in the browser, respectively. ...

The 5th chapter the project actual combat-app basic layout Development
This section first introduces the APP design and design drafts for the overall project reference. And the development of the bottom Tabs layout of the App. At the same time set up five basic pages, also explained the test API tool Postman, easy to test the interface.

The 6th chapter of the project-User login component Development
the actual combat chapters of this project mainly develop the following modules: User not logged in module, the establishment and logic of the common components of the Rest module, the user login page layout, user login logic and API, user login page establishment and logic add, common components of the common components of the Code collation and comment Add, Security handling of user passwords during logon. ...

The 7th chapter of the project-User registration component development
the actual combat chapter of this project mainly develops the user Registration module and explains the enhancement of user registration form verification in detail. User Login and Registration module involves technical point Ionic form Ionic Provider, Ionic request for RESTful, Ionic Loading, Ionic Toast, Ionic Modal, Ionic module abstraction.

8th. Project Combat-Personal information component development
the actual combat section of this project mainly develops the following modules: User avatar and personal information layout, user avatar and personal information data loading, personal Information modification page layout, personal information modification page data loading.

The 9th chapter of the project-image upload component development
the actual combat chapter of this project mainly develops the following modules: Modify the overall structure of the Avatar function page, modify the layout development of the Avatar function page, get the logical processing of the picture, and the image upload logic after the image processing. Finally, in IOS, Android system to test the image upload function. Technical points involved: Ionic Navigation, Ionic Native Camera, Ionic Native File, Ionic Native FilePath, Ionic Native T ...

The 10th Chapter Project actual Combat-Homepage Module Development
the actual combat chapters of this project mainly develop the following modules: Search for partial page layouts, three-column function button layouts and event loading, page layouts for question pages, and logic for question pages. The technical points involved in the Home module: Flex layout, Ionic Grid, Ionic Card, Ionic List, Ionic searchbar.

11th Project Combat-Problem list, details, answer component development
the actual combat chapter of this project mainly develops the following modules: page layout of the Problem page table, data binding logic of the Problem list page, layout of the Problem detail page, data from the problem detail page, layout of the question answer page, and the function of the question answer page. The entire homepage contains the following modules: Question module, problem list, problem details, problem focus function, question answer module. ...

The 12th chapter of the Project-Discovery module Development
the main practical chapter of this project is to develop the discovery module, which mainly includes function points: List data loading, large module reconstruction and reuse. The technical points are as follows: Angular module abstraction and reuse, Ionic page loading optimization.

The 13th chapter of the project-Chat robot module Development
the actual combat chapters of this project mainly develop the following modules: Chat module function design introduction, chat module page list design and development, Chat Dialog page page layout, Chat dialog page at the bottom of the input box design and development, chat dialogue page expression input module, chat page automatic reply logic. The actual combat process mainly introduces a bit of technical points: Angular Service, Angular Event, Angular Pipes, Ionic relativetime P ...

The 14th Chapter Project actual combat-notification module Development
The actual combat section of this project mainly developed the notification module, quickly carried out the layout of the list and the addition of logical binding, deepening the previous basic but commonly used data request and list binding knowledge to review.

the 15th chapter of the project-My MU class module development
the actual combat section of this project mainly develops the following modules: My MU class page layout, my question module page, my question module page data loading, my concerns module, my answer module. This paper mainly explains the design principles and practical demonstrations of modularization development, and also explains some design principles that should be followed in software development. ...

The 16th chapter of the project-dynamic style, Night mode
This chapter mainly introduces the principle of dynamic style loading in Ionic, and simultaneously develops the module of night mode. It also demonstrates some techniques for writing styles.

17th Chapter Ionic Native Review and QR code scan, about module
The course reviews the use of Ionic Native and introduces two components: QR Scanner and App Version. At the same time the actual combat development, and the use of components will encounter some of the problems that need to be avoided in the original rational explanation.

The 18th chapter the project actual combat-app before packing the optimization plan
The course explains and demonstrates the Ionic app pre-packaged icon generation, Ionic app pre-packaged start-up diagram generation, and pre-packaged optimization solutions for Ionic apps. These are the tasks that need to be done before packaging, and how you can significantly improve development efficiency in your development.

The 19th chapter of the project-app IOS version packaged in the actual combat
The course demonstrates once again how the final project was compiled and packaged into an IOS project and demonstrated how to submit the project to the APP Store for review. For students to submit the IOS app review for reference.

The 20th chapter of the project Combat-app Android version Packaging combat
The course once again demonstrates how to package the final project to build the Android APK installation package and briefly describes the Android Market that is currently available on the shelves. For the students on the shelves Android app reference.

The 21st Chapter Project actual Combat-app Web page, version packing actual combat

The course again demonstrates how to package the final project into a deployment file under a browser and demonstrates how to deploy the package as a Web site and eventually publish it to a browser or to a website. For students to deploy as a Web application reference.


: Baidu Network disk download

Original address: http://linyunbbs.com/thread-2196-1-1.html

Quick Start IONIC3 Multi-platform Development Enterprise Quiz Community Tutorials Ionic real-combat video

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.