本课程以自动化天气追踪器项目实战，教你用Angular、NestJS与Socket.io构建全栈实时应用，再借助Capacitor桥接技术封装为iOS、安卓原生App，并掌握自定义插件编写与单元测试，助你轻松将Web技能迁移到移动开发。
原始标题：Building Angular application & converting to Capacitor/Ionic
这门进阶课程围绕商业级“自动化天气追踪器”项目展开，指导学员结合 Angular、NestJS 和 Socket.io 构建全栈应用并实现实时数据推送。随后，课程利用 Capacitor 桥接技术将 Web 应用封装为 iOS 和 Android 原生应用，并深入讲解自定义插件编写与单元测试。
Published 9/2026
Created by Oleksii Demennikov
MP4 | Video: h264, 1920×1080 | Audio: AAC, 44.1 KHz, 2 Ch
Level: All Levels | Genre: eLearning | Language: English | Duration: 47 Lectures ( 6h 52m ) | Size: 4.4 GB
Transfer your Web knowledge to the world of mobile and create applications with ease
What you’ll learn
⚡ Creating Angular application with Material, SCSS and signals
⚡ Connecting Angular application to the backend and using socket io for the live updates
⚡ Transforming the Angular application to Ionic
⚡ Unit testing Angular applications
Requirements
❗ General TypeScript & JavaScript knonwledge. Base CSS knowledge
Description
This course will guide you how to build the modern Angular 22 application, with the signals, inputs and standalone components. Angular part will be the future basis of mobile application and we will use modern HTML5 tags so that browsers will be demonstrating the content in the uniform way.
Course will not be focusing on creating the Ionic application from scratch, neither using the Ionic components/styling. In this course Angular Material UI library will be used, which is then will be ported to iOS/Android using the CapacitorJS, developed by Ionic team.
We will be developing the Automated weather tracker mobile application, with complex UI, containing tabs, popups, charts, so that our project will be complex enough to demonstrate power of Angular & Ionic. In order to provide the chart data, we will be using the ChartJS wrapper, ngx-charts and pull the information through socketio.
For a backend for our monitoring application we will construct a solution based on NestJS & socketio, so that we can reuse the mental model from Angular while building our Node backend. Backend will be not focusing on the connection to the database, but we will still implement authentication/authorization using PassportJS. We will implement also uploading capabilities of our application, so that we can demonstrate in our mobile application photo uploading logic.
In the final phase of this course, you will learn how to leverage the power of cross-platform development. We will migrate our core web application into a high-performing mobile app using the Capacitor 8, developed by Ionic and some utility libraries from Ionic. We will work on the adapting the UI for mobile screens, implementing gesture detection, working with permissions on both iOS and Android.
And lastly, we will look in the developing custom plugins for the Capacitor, in the native technologies.
Whether you want to master real-time WebSockets, excel in full-stack TypeScript development, extend your Typescript skills or conquer cross-platform mobile migration, this course provides the exact blueprint you need.
Who this course is for
⭐ Frontend developers who want to transfer their knowledge towards the world of mobile development
此处内容需要权限查看
会员免费查看
