Denizey - Course details

Available Programs

Front-End Angular Program

4.0

Description

The Angular program is an online program where you will learn to master Angular 9 to make advanced applications. This complete course will help you learn technology fast and in a simple method that will help you become not only proficient in the fundamentals but also help you learn how to practically apply these fundamentals in the real world. Angular is one of the fastest, most popular open-source web app frameworks today, and knowing how to use it is essential for developers. You'll learn how to create components and user interfaces, data-binding, retrieving data using HTTP, and more. By the end of this course, you will be up to date on all the latest Angular knowledge and you will be able to use Angular to create great apps in the future.

This course concentrates mainly on Javascript based front-end frameworks and in particular the Angular framework (Currently Ver. 9). This course will use Typescript for developing Angular applications. Typescript features will be introduced in the context of Angular as part of the exercises. You will also get an introduction to the use of Angular Material and Angular Flex-Layout for responsive UI design. You will be introduced to various aspects of Angular including components, directives, and services. You will learn about data binding, Angular routers, and their use for developing single-page applications. You will also learn about designing both template-driven forms and reactive forms.

In accordance with completing the learning process, you will learn how to build a foundation with the core Angular 9 components as well as touch upon its more advanced features to craft applications of the Angular Way in a highly intense workshop. This workshop will provide you with all the experience needed in the fieldwork, it will also provide you with the same environment that you will face in real life, in software companies, or while working individually on a project for a client.

You will work in teamwork under the supervision of a well-experienced qualified instructor that has not less than 8 years of experience in the field. We offer you an entire organized study system through Microsoft teams program and a continuous follow-up in every task. The instructor will be a technical lead as well as a mentor to lead you step by step in all the required tasks in order to complete a full project; projects are worked out and delivered in exactly the same way as companies. Instructors have the knowledge to be asked any question related to the field.

The Jira will be used for Task Management.

You will build 10 high-performance web applications that you can proudly add to your portfolio, each project will be increasingly challenging, which is optimal for students to develop their skills.

The 10 real software projects that will be achieved in the workshop;

1- E-commerce System

2- Medical System

3- Booking System

4- Food Delivery System - UberEats

5- Learning Management system

6- Movies Management System - Netflix

7- Task Management System

8- Social Network System

9- Job research System - Wuzzf

10-Chat IO System

What You Will Learn

Be familiar with client-side Javascript frameworks and the Angular framework

Be able to implement single-page applications in Angular

Be able to use various Angular features including directives, components, and services

Be able to implement a functional front-end web application using Angular

Be able to use Angular Material and Angular Flex-Layout for designing responsive Angular applications

Be able to use Observables and RxJS in the context of Angular applications

Build real client apps with Angular on your own

Troubleshoot common compile-time and run-time errors

Write clean and maintainable code like a professional

Apply best practices when building Angular apps

You will learn how to work with code versioning tools such as (Git - Bitbucket)

You will be able to design and implement web pages with Angular

You will learn how to connect Backend APIs

You will learn the Firebase for Notification, Chat, and Real-time

You will learn the AWS - Server Amazon - functions

You will learn the whole deployment process

Requirements

There are no formal prerequisites for this course
No prior programming experience is necessary
Have access to a computer with a broadband connection
Self-driven and motivated to learn
Participation in this program requires consistently meeting project deadlines and devoting hours

Course Curriculum

HTML5

-Introduction – Elements – Attributes – Headings – Paragraphs.
-Comments – Links – Images – Tables – Lists – Block & Inline.
-Styles – Colors – Classes – Id – Iframes – Html Forms.
-File Paths – Head – meta – Layout – Responsive – Html Encoding.

CSS

-Introductions – How to define Style – Syntax.
-Selectors - Comments – Color Types – Backgrounds – Borders – Margins – Padding.
-Height / Width – Max-width - Box Model – Outline – Text – Fonts – Display.
-Position – overflow – Float – Inline Block – Combinators – Pseudo class – Pseudo element.
-Opacity - Length Units – Border (Rounded - Image) – Gradients – Shadows – Text Effects.
-2D and 3D Transforms – Transitions – Animations – Style Images – Variables – Box Sizing – Flexbox.
-Viewport – Grid view – Media Queries.

Bootstrap

-Installation – Containers – Grid – Columns – Gutters.
-Components – Helpers – Utilities.

Tailwind CSS

-Alpinejs - Buttons – Cards – Dropdowns – Forms – Inputs – Logins – Modals – Navigations – Pages – Selects – Tabs – Tables – Widget.

JavaScript

-Introduction – Where to put JS - Syntax – Developer Tool.
-Variables – Data Types - Operators – Conditions – Loops.
-Break & Continue – Function – Variable Scope.
-Data Types in details: Numbers – Strings – Slice and Split Strings – Arrays – Objects.

JavaScript DOM

-Selectors – Query Selector – Chaining Text & Html content – Nodes.
-Traversing – Events – Interacting with Forms – Create Elements.
-Styles & Classes – Attributes.

JavaScript BOM

-Intro – What is BOM – Window methods – Window Properties – Window Location Properties.
-Location methods – History methods – Window Navigator Properties – Window Screen Properties.
-Cookies – Local Storage.

Asynchronous JavaScript

-Intro – HTTP Request – Status Code – Callback Functions – Using Json Data.
-Callback Hell – Promises – Chaining Promises – Fetch API.
-Async & Await – Throwing Errors.

ECMAScript 6

-Intro – Const, Let & Var When to use it – Spread Operators – Templet Literals.
-Function Default Parameters - Arrow Functions – This Keyword
- Constructors – Class methods - method Chaining - Destructor Array.
-Promises - Classes – Inheritance – Sync requests & Async requests
-Webpack.

TypeScript

-Introduction & Setup – Compiling – Type Basics.
-Objects & Arrays – Explicit Types – Dynamic (any) Types – Better Workflow & tsconfig.
-Function – Type Aliases – Function Signatures – DOM & Type Casting.
-Classes – Public – Private – Readonly – Modules.
-Interfaces – Rendering an HTML Template.
-Generics – Enums – Tuples.

Angular 9

-Intro & NPM - CLI – Setup – File Structure – Workspace Configuration
–Building & Serving Environments.
- Template Syntax: Interpolation – One Way Data Binding - Property Binding – Two Way Data Binding
– Structural Directives -ngif – ngfor – ngSwitch – Template Reference Variable.
Component Interaction – Safe Navigation Operator – User Input – Life Cycle Hooks.
-Input Setter – Content Projection – View Encapsulation.
-Directives – Pipes Forms – Forms – Shared Modules – Dependency Injection.
-Routing – Animation – HttpClient – ngx-translate.

Git, Bitbucket, Agile

Git Vs Bitbucket – Installation – git Configuration – Terminal.
-Git Repo – Commands – add – committing – GUI.
-Ignoring – Branches – Creating Branches – Switching Branches.
-Staged – Upstaged – Delete & Rename Branche – Merge Branches.
-Comparing Changes – Stashing.
-Bitbucket Cloning – Fetching – Pulling – Visibility – Collaborators.
-Clean up history with Interactive Rebase.

Multi Projects covered in Workshop

1- E-commerce System
2- Medical System
3- Booking System
4- Food Delivery System - UberEats
5- Learning Management system
6- Movies Management System - Netflix
7- Task Management System
8- Social Network System
9- Job research System - Wuzzf
10- Chat IO System

Covered implements

Design and implement web pages with Angular
Connect Backend APIs
Firebase for Notification, Chat, and Real-time

Amazon Web Services (AWS) - Cloud Computing Services

-Introduction to AWS - Create an account.
-AWS components -EC2 – Lambda – Elastic Beanstalk.
-Storage - S3 – Glacier – Database RDS – DynamoDB.
- Security, Identity – IAM – VPC – Register Doman (DNS) - Route 53 – Workmail.

Coming Soon

Course Details

Course Details

Front-End Angular Program

Description

What You Will Learn

Requirements

Course Curriculum

HTML5

CSS

Bootstrap

Tailwind CSS

JavaScript

JavaScript DOM

JavaScript BOM

Asynchronous JavaScript

ECMAScript 6

TypeScript

Angular 9

Git, Bitbucket, Agile

Multi Projects covered in Workshop

Covered implements

Amazon Web Services (AWS) - Cloud Computing Services

Popular Courses

Course Details

Course Details

Front-End Angular Program

Description

What You Will Learn

Requirements

Course Curriculum

Popular Courses

Subscribe to receive our offers.

Subscribe To Our Online letter