loading

Have you been fascinated by the compelling mobile and web application offerings by the companies? Do you wonder why you have regularly come across several job openings stating developers with AngularJS experience is required? If you are among those curious minds, wanting to delve deep into this field or a professional looking to level up your skills, then you must need to know the AngularJS framework.

AngularJS framework is a popular and widely used JavaScript framework for building mobile, desktop, and web applications and easy to use interface for the users. On the other hand, Angular 5 is among the released versions with new features and support for progressive web apps and other improvements related to material design.

Angular JS is built and maintained by the Angular Team at Google. Angular 5 is used for building cross-platform applications and it is quick and easy and simple as compared to its previous versions. Google incorporated several changes related to the compiler that resulted in increased speed of the initial and incremental based compilations.

If you are looking to step foot in the world of mobile and web development, then the knowledge of Angular JS and its updated version of Angular 5 will help you gain a significant upper hand in the job market. However, finding the right online course is difficult with several offerings across multiple online platforms.

The course Learn Angular 5 from Scratch, is worth mentioning as it is a short and simplified course on Angular 5 that provides the basics to get molded to master advanced concepts in the future.

Related: Udemy Review

 

What is new in Angular 5?

Progressive Web Applications

The Angular 5 upgrades emphasized simplifying progressive web applications. With Angular 5, it is possible to have the features of native mobile applications in the mobile web apps such as push notifications and offline experience with the Angular configurations.

Material Design

A major update in Angular 5 is the compatibility of material design components and the server-side rendering.

Optimizer

Angular 5 comprises build optimizer tools. The purpose of these tools is to make the applications faster and lighter. The runtime code and additional factors that increased the size of the JavaScript is ultimately reduced, thus making the applications faster.

API and DOM

Angular 5 provides the support for code shareability between the server and the client-side in the application. This has been possible due to the provision of Angular Universal State Transfer API and DOM which has improved the performance of the application significantly.

Compiler Improvement and Typescript

With the provision of the typescript 2.3 version in Angular 5, the builds are rebuilds are much faster than previous versions.

CLIv1.5

The Angular 5 is now generated by CLIv1.5. This feature is enabled by default.

Router

The router cycles can be tracked until the activation is completed on Angular 5.

Whitespaces

Whitespaces is a new feature in Angular 5. This feature allows removing non-significant white space characters from a template code. Therefore, the final app’s bundle size is lower and in turn results in better performance of the application.

Date and Currency Pipes

The Angular 5 date, currency, and percent pipes have their implementation, instead of relying on the browser’s API.

Improved Decorator

Angular 5 comes with decorator support options. The decorators for lambda is provided that can be used instead of a name function.

HttpClient

The HttpClient API is used for all apps in Angular 5. Some of the features of the API are synchronous response body access, support for JSOB body types, no explicit parsing of JSON needed as it is considered by default, interceptor for inserting middleware logic into the pipeline, immutable request and response object, provision for request upload and download of the response and post-request verification and a testing framework based on flush.

Multiple Alias

You can now give multiple names to the components during the export. The possibility of exporting with multiple names helps components to retain the changes.

Forms Validation

You can have the functionalities of deciding the validity and value of a field to be updated, instead of each input event using the form.

Animations

Angular 5 comes with two new features, namely transition aliases: increment and decrement.

Better Support

There is better support for service workers with the means of a service worker package. It was maintained at GitHub and has been rewritten to support use-cases across a wide range of applications.

 

What to Expect from the Course?

The course follows a crash course format to get you acquainted with the fundamentals of Angular 5. While the course is less than 60 minutes, it ensures to cover every aspect of the basic concepts. The course content is well-designed that has all the important concepts to build upon when you proceed further into the advanced stages. 

The course is suitable for frontend web developers, app developers, and web designers. To begin the course, the prerequisite of the course is to have an understanding of the HTML and CSS concepts, a basic idea about the concepts of JavaScript. You are assured to build your skills and become well-rounded UI developers.

The course will cover the topics on installing Angular 5, components 101, templating and styling using HTML and CSS, property and event binding, animation, services, router, and deployment.

 

About the Instructor

Gary Simon is a professional freelance graphics and web designer with over 10 years of experience in the field. He has been associated with numerous projects and clients and has a clear understanding of the design industry. He works as a course instructor as well. He is involved in teaching several of the top online education websites on a wide range of topics with the likes of web design, graphics design, mobile, and GUI design, 3D and motion graphics.

With a large clientele and decade of experience, Gary has extended his skill set that started with identity design which has evolved into a repository of skills, namely HTML and CSS, jQuery, JavaScript, XML, PHP, and MySQL. He is also an expert with Adobe Photoshop, Adobe Illustrator, and Adobe After Effects

The teaching journey began with a logo design tutorial that has garnered over a million views and ever since, Gary has released over 200 tutorials and over 20 video courses.  He has a YouTube channel that includes tutorials of several concepts and each of his videos has successfully received half a million views respectively.

 

Course Contents

Installing Angular 5

The first section highlights the important pre-requisites for installing Angular 5. The instructor explains the need for a node package manager for installation. The reason behind this is to use it for the installation of the Angular command-line interface.

The instructor further explains the installation procedure with the help of a console emulator called Commander. It is specifically for Windows-based installation. In the next steps, the use of a console is demonstrated for the remaining part of the installation process. Finally, the project structure is set up and completed.

Components

This section covers the topics on components. The basic building block of Angular 5 is the component. The instructor explains the use of Visual studio code and the command-line interface. A single component is created which is the app component for typescript. Ideally, components can be structure into three sections. Firstly, the imports are taken into account from the Angular library.

The component decorator is responsible for specifying different properties to define the structure of the components. Secondly, there is the availability of a template that allows defining the location. The instructor demonstrates how to set up the project with SAS and SPSS extension. The third part defines the export class component. The instructor specifies how to generate the new component with all the relevant additions.

Templating and Styling

The third module explores the way you can work with templates. The default template, template code, and the use of containers are covered in detail. The CSSA related rules are also shown with the follow-along demonstration.

Interpolation, Property & Event Binding

The instructor explores the concepts of interpolation, property, and event binding. Interpolation is used to communicate properties that are defined within the component class. For understanding, the concept is demonstrated with the example. The possibility of two-way data binding is one of the essential concepts covered in this module.

Animation

For Angular 5 animation, there is a need to install or import the Angular animation library. It is saved as a development dependency. The instructor discusses additional elements concerning animation in Angular 5 such as keyframes query, transition animation, and the area where the animation resides within the component decorator. The topics such as DOM elements and their use for animation are explained in detail. The full capabilities of keyframe animation are also introduced in this section and demonstrated with an example.

Routing

Routing is an important concept that is covered in this section. The instructor focuses upon the use of routing and how in a single-page app, there is a possibility to change what the user can see with the use of routing. The Angular router handles the navigation from one view to the next one.

Also, the router enables navigation by the URL of the browser as an instruction to change the view. To create a route, the components and templates that are required are discussed in-depth in this section. The route parameters and the API, component-based router navigation are additional information that is provided by the instructor. All the concepts are shown with the help of an example.

Services

This module shed light on services. It is a common occurrence when building an application that a function in a program may be needed by another. To prevent the need for duplication of functions and easier maintenance, the service feature is used. Angular services allow storing functionality in a single place, thus avoiding the building of complicated application architecture. The section further highlights the use of a service with an example.

App Deployment

The final section explores the app deployment functionalities and the use of the development server. The build commands, interface tools, and the related procedures that are required to achieve successful deployment of the app. There are some additional tips shared for easier deployment as well.

 

Benefits of this course

Learning Path

The advantage of this course on Angular 5 from the scratch is the content that has been provided for a beginner course. The course begins with the installation procedures which are effective for a beginner.

Certain introductory courses focus on many concepts at once which confuses them. It follows a very simple approach and all the processes are demonstrated practically. The core concepts are explained well. The theoretical explanations are clear and simple to relate to. The examples are easy to follow as well.

Certification

The course provides a certificate of completion and access to online content, certification, and direct access to the instructor for Q&A, and direct reply from the instructor for the paid option. It is important to note that access to online content is available for the free version and the remaining options from the paid version are not being offered.

Learning Community

The learning community on Udemy is an active platform for you to share additional resources and learn from various discussions that take place in the forum. There are important tips and ongoing communication is constantly taking place between students, instructors, and professionals which is very beneficial for your career. The instructors are actively communicating with the students and answering their doubts that they post on the forum.

Hands-on Approach

The course provides essential theoretical concepts for beginners. The practical knowledge of how to work around within the Angular framework is also demonstrated well. With the follow-along practical approach, the learners can benefit from implementing the changes immediately after a concept has been explained.

Additionally, there are tips and alternative methods that are discussed during the practical exercises. Every installation has been demonstrated well. The course is a perfect balance of theory and practical knowledge and provides crucial information along with additional resources.

 

Overall Rating of the Course

  • Instructor Expertise: 5
  • Additional Resources: 3.5
  • Course Content Quality: 5
  • Career Value: 4
  • Delivery of the Content: 4
  • Visuals and Readability: 5
  • Examples: 4
  • Speed of Delivering the Content: 5
  • Basic Concepts: 5
  • Overall Rating: 4.5

How useful was this post?

Click on a star to rate it!

Average rating 5 / 5. Vote count: 58

No votes so far! Be the first to rate this post.

Kaushik Das

Kaushik is an artificial intelligence researcher and a data scientist with expertise in medical image processing, intelligent automation, computer vision, and big data engineering—a technical and a scientific writer by passion. He is also passionate about sports, photography, traveling, and exploring new technologies.

Leave a Reply

Your email address will not be published. Required fields are marked *