Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Advanced Ionic & Angular: 10 Techniques in Web Development
Rating: 4.6 out of 5(7 ratings)
73 students

Advanced Ionic & Angular: 10 Techniques in Web Development

Kubernetes, Docker, Notifications, Custom scripts, Background Tasks & More — take your web dev skills to the NEXT LEVEL!
Created byJohn Jacob
Last updated 11/2019
English

What you'll learn

  • Advanced concepts using Angular and Ionic, typically only used in professional settings, but incredibly useful.
  • How to create beautiful user interfaces using angular directives.
  • How to deploy a node-based application to Kubernetes.
  • Time-saving tricks for happier, more fun, more productive developing.
  • And much more.

Course content

1 section10 lectures1h 18m total length
  • Scheduling, Reminders, Event-Driven Code with Cron and Cloud Functions16:56

    See Downloadable Materials for specific code files. A link to the pertinent GitHub repository is also below. 


    NOTE: The timeout fix at the end is incorrect. The function should be terminated by returning a 200 call or otherwise — it's a https request of course!

    For example:

        resp.status(200).send('Success!')

        resp.status(400).send('ERROR: something went wrong :(')

  • Creating a Beautiful User Experience with Angular Directives9:33

    See Downloadable Materials for specific code files. A link to the pertinent GitHub repository is also below. 

  • Font Awesome: Better Icons with the Amazon Font Awesome Library5:07

    See Downloadable Materials for specific code files. A link to the pertinent GitHub repository is also below. 

  • Custom Scripts: Utilising package.json's Powers to Make Easy CLI Commands2:50

    Writing your own npm scripts can save you hours and hours and hours. Constantly writing the same lengthy commands is the ultimate ball-ache. In this video we create compress commands into 2-3 words using package.json. There's so much you can do here; this is just an introduction.


    See Downloadable Materials for specific code files. A link to the pertinent GitHub repository is also below. 

  • Shared Features: Dedicated File for Widely-Employed Components, Directives, etc4:17

    See Downloadable Materials for specific code files. A link to the pertinent GitHub repository is also below. 

  • Compression: Drastically Reducing Bundle Size with gzip and Brotli4:22

    See Downloadable Materials for specific code files. A link to the pertinent GitHub repository is also below. 

  • Node.js Server: Serving Web Applications with Express.js5:06

    See Downloadable Materials for specific code files. A link to the pertinent GitHub repository is also below. 

  • Managing Node: Consistent Performance and Better Security with Pre-Build Checks4:07

    See Downloadable Materials for specific code files. A link to the pertinent GitHub repository is also below. 

  • Local Libraries: Using Private/Local Packages for Repeated Code6:57

    See Downloadable Materials for specific code files.

  • Kubernetes: Deploying Ionic/Angular apps on Kubernetes19:09

    See Downloadable Materials for specific code files. A link to the pertinent GitHub repository is also below. 

Requirements

  • Familiarity with Ionic and Angular.
  • Interest in advanced concepts, developing sophisticated applications, and/or beautiful user interfaces.

Description

This course is about making Angular and Ionic do what you want. It's about taking your web development skills up a notch or seven. Basic tutorials, introductory courses and starting templates are enough to get the ball rolling, but if you are serious about:

  • creating  beautiful, intuitive, thrilling User Interfaces

  • a fast, functional, original User Experience

  • being at the forefront of web technologies

  • security, reliability, and cost

then you have to be different.

You have to do things differently from others. Which means you need knowledge. This course will open the door to many wonderful, underutilised techniques and concepts that will not only vastly broaden your skill set, but enable you to stand out amongst the ever-growing population of coders and web developers. You will save money and shortcut endless hours of painful trial and error. And most crucially, coding, designing, idea-manifesting, making, moving from dream to idea to mock to real-world product... will become much more fun.

A sneak peak at what's in store:

  • Compressing a large production bundle for faster download speed,  better performance, and sanity-saving build times.

  • Deploying to Kubernetes. How to use Docker, Nginx, and the Google Kubernetes Engine.

  • Why and how to use a Node Server.

  • Making the DOM do what you want - animations, event listening, seamless navigation, and more.

  • How to execute one-off or regular tasks like specific-time reminders, ongoing notifications, background cleanup tasks, etc.

  • Locking down specific critical dependency versions such as Node using custom scripts and warnings.

  • Sharing common functions, widgets, variables and other configuration files between pages, services and components.

  • Automatic and/or event-driven emails.


WHY TAKE THIS COURSE?

There's an idea going around that all the secrets have been discovered. That most of the wealth has been created — and that's it. That there are no more interesting problems to solve. That there is no room for more platforms, services, small business, entrepreneurial endeavours in the internet space, and so on. That is all nonsense.

There are plenty of known problems still to solve.

With online payments for example, there are many countries in which people can still not easily accept or make online payments. Creating and maintaining a website is still a laborious process. Our lives have yet to optimally merge and therefore take full advantage of The Internet of Things. There is much work to be done. And a substantial part of it involves better online services, applications, platforms; better connection with computers and the internet.

And it gets better: an infinite amount of unknowable problems await us. There are problems that currently exist that we know nothing about, and problems that we will create in the future. In both cases, the greatest preparation is knowledge.


SOURCE CODE

The Downloadable Materials in the Resources section of each video contain code and other supporting materials. Also, ~all code from this course can be found at the GitHub monorepo (didaktio/Ionic-Angular-Course). The repo is broken down into submodules, which are independant repositories also locatable on the didaktio GitHub profile.


GOING FORWARD

This content and its supporting resources will be at minimum be continuously maintained. Additional videos might also be added as requested or necessary. Each video uses a combination of Angular 8 and 9, node 10 and 12, and Ionic 4 and 5. If you have any problems, a question or something else you'd like to talk about, do reach out.


keywords: ionic, angular, web development, ionic 4, ionic 5, angular 8, angular 9, typescript, node, kubernetes, firebase, npm, websites, progressive web application, pwa, future-proof, coding, programming, google cloud, aws, docker, git, notifications, reminders

Who this course is for:

  • Beginner web developers.
  • Intermediate web developers.
  • Entrepreneurs developing platforms or applications.
  • Businesses looking to create beautiful interfaces for their customers.