Elevate your design and development skills by diving into the exciting world of hybrid app development. With Ionic 3, you can create robust hybrid apps that function seamlessly across multiple platforms, including Android, iOS, and Windows. This full stack development course will guide you through the entire journey, from initial design to final code, providing a comprehensive learning experience. We will kick off by designing the logo and crafting a series of interactive prototype mockups.
Course Overview
The course begins with the essential task of logo design and the creation of interactive prototype mockups. Following these foundational steps, you will delve into app development using Ionic 3 and Angular 4. Our app will be powered by the free IGDB (Internet Games Database) API, enabling users to explore and discover the latest upcoming games across various genres.
Course Structure
Whether your interest lies in design or coding, this course caters to your needs by allowing you to join any lesson at any point. Each lesson is equipped with the project files needed, ensuring you can follow along seamlessly. This course is loaded with practical, real-world information applicable to all your future projects.
Are You Ready?
If you're prepared to learn by doing, this course is perfect for you. Let's embark on this journey together!
Course Requirements
- Basic understanding of HTML
- Basic understanding of CSS
- Basic understanding of JavaScript
- Software: Adobe Illustrator or a vector equivalent (for design-related modules)
- Software: Adobe Experience Design (for design-related modules)
Target Audience
- Front-end Developers
- Web Developers
- App Developers
Learning Objectives
What you'll learn:
- Create a relevant and effective logo
- Build app mockups with Adobe Experience Design (XD)
- App prototyping using Adobe XD
- Connect and interact with an API
- Understand Ionic templating, storage, and Material Design principles
- Integrate a search feature within an Ionic app
- Incorporate Cordova plugins
- Implement Angular animations
- Build an impressive Ionic 3+ app
