Skip to content

JavaScript & Angular with Hands-on Examples

JavaScript (JS) libraries such as React, Angular, Node with my hands-on JavaScript (JS) and Angular course.


Oak Academy

Summary

Price
£39 inc VAT
Study method
Online, On Demand What's this?
Duration
21.3 hours · Self-paced
Qualification
No formal qualification
Certificates
  • Reed Courses Certificate of Completion - Free

Add to basket or enquire

Overview

Hello there,

Welcome to the "JavaScript & Angular with Hands-on Examples" course.

JavaScript (JS) libraries such as React, Angular, Node with my hands-on JavaScript (JS) and Angular course.

JavaScript is the number one programming language for internet applications.

Angular is one of the most modern, performance-efficient, and powerful frontend frameworks you can learn as of today. It allows you to build great web apps that offer awesome user experiences! Learn all the fundamentals you need to know to get started developing Angular applications right away.

Angular is the next big deal. Being the successor of the overwhelmingly successful Angular.js framework it’s bound to shape the future of frontend development in a similar way. The powerful features and capabilities of Angular allow you to create complex, customizable, modern, responsive, and user-friendly web applications.

Node.js is an open-source, cross-platform, back-end, JavaScript runtime environment that executes JavaScript code outside a web browser. By learning growing web server technology, NodeJS, you can improve your skills, get a new job and you can build powerful, robust web applications.

MongoDB is a cross-platform document-oriented NoSQL database program. By using MongoDB, you can build a modern application database for your projects.

We'll design custom services, build custom directives, understand two-way binding, design a weather forecast app as a single page application, and lots more. Both starter and finished source code is provided as we go.

This course is for beginners. Before taking this course, you only need to have a basic knowledge of HTML and CSS. In our course, the basics of JavaScript are dealt with in detail and students are provided to test what they have learned with code quizzes prepared for each subject.

During our course, you will be informed about the basics of JavaScript in detail and how to solve problems.

Here's how a JavaScript code works, not just how it works. Because in today's JavaScript world, besides writing a code, you need to know how to debug this topic and be able to read every written JavaScript code.

The most important feature that distinguishes this course from the others is that it deals with the most basic issues about JavaScript in detail and helps students to put what they have learned in theory into practice.

In our course, you can test what you have learned on both MAC and Windows computers. You do not need to purchase any tools or applications as free tools and platforms are used.

During the course, I made sure to explain all the topics that may seem complicated to you in as simple and detailed as possible. I have used some diagrams to help you understand better.

When you complete the course, you will learn;

  • How you can operate on variables,

  • Boolean logic,

  • How to create a conditional statement,

  • How you can perform transactions with Loops,

  • How a function is created and why it needs arguments,

  • How Arrays and Objects, which are basic data structures, are created,

  • How DOM Manipulation is done,

  • You will have learned and have the opportunity to test what you have learned with the code quizzes in our course.

  • Which architecture Angular uses

  • How to use TypeScript to write Angular applications

  • All about directives and components, including the creation of custom directives/ components

  • How databinding works

  • All about routing and handling navigation

  • What Pipes are and how to use them

  • How to access the Web (e.g. RESTful servers)

  • What dependency injection is and how to use it

  • How to use Modules in Angular

  • You'll learn how asynchronous code works in Node and the Node event loop, as well as how to use the event emitter, streams, buffers, pipes, and work with files.

  • We'll see how that leads to building a web server in Node with hands-on examples.

  • The logic behind MongoDB’s data storage

  • The most popular Object Data Modeling Library for MongoDB, Mongoose JS

  • Writing queries for creating, reading, updating, and deleting operations

  • Advanced Features of MongooseJS

  • The best testing framework for NodeJS, Mocha

  • Angular

  • Javascript framework Angular

  • Javascript Angular

  • Angular JavascriptVideo and Audio Production Quality

All our videos are created/produced as high-quality video and audio to provide you the best learning experience.

You will be,

  • Seeing clearly

  • Hearing clearly

  • Moving through the course without distractions

You'll also get:

Lifetime Access to The Course

Fast & Friendly Support in the Q&A section

Dive in now to our JavaScript & Angular with Hands-on Examples course

We offer full support, answering any questions.

See you in the course!

Certificates

Reed Courses Certificate of Completion

Digital certificate - Included

Will be downloadable when all lectures have been completed.

Curriculum

20
sections
214
lectures
21h 16m
total
    • 1: Introduction to JavaScript 06:27
    • 2: Setup Visual Studio Code 01:22
    • 3: Adding js file 08:18
    • 4: quiz 01:00
    • 5: Variables and Data Types 16:08
    • 6: Type Coercion 10:35
    • 7: Variable Mutation 09:42
    • 8: Basic Operators 10:30
    • 9: Boolean Logic 07:17
    • 10: Logical Operators 09:52
    • 11: quiz 01:00
    • 12: Conditional Statements 13:28
    • 13: Code Quiz 1 Solution 07:34
    • 14: Ternary Operator 07:36
    • 15: Switch, case statements 12:22
    • 16: Code Quiz 2 01:50
    • 17: Code Quiz 2 Solution 05:18
    • 18: Introduction to Loops 03:42
    • 19: While Loops 08:31
    • 20: While Loops Quiz 01:32
    • 21: While Loops Quiz Solution 08:27
    • 22: for Loops 05:42
    • 23: for Loops Quiz Solution 04:30
    • 24: Continue and Break Statements 08:08
    • 25: Introduction to Functions 02:14
    • 26: Function Decleration 06:35
    • 27: Function with Arguments 10:32
    • 28: Function return 09:59
    • 29: Function Expression 05:13
    • 30: Function Quiz 01:37
    • 31: Function Quiz Solution 09:20
    • 32: Function Scope 15:46
    • 33: quiz 01:00
    • 34: Introduction to arrays 02:53
    • 35: Array Features 13:55
    • 36: Array Methods 18:35
    • 37: Array Quiz 01:32
    • 38: Array Quiz Solution 03:48
    • 39: Array Iteration 11:44
    • 40: Array Iteration Quiz 00:49
    • 41: Array Iteration Quiz Solution 03:49
    • 42: quiz 01:00
    • 43: Introduction to objects 12:39
    • 44: Object update 06:54
    • 45: Complex Data Structures 10:22
    • 46: Object Quiz 01:16
    • 47: Object Quiz Solution 05:03
    • 48: Object Methods 10:22
    • 49: this Keyword 11:51
    • 50: Introduction to DOM 04:28
    • 51: What is DOM 07:36
    • 52: Select and Change 09:15
    • 53: Select Methods 19:52
    • 54: Manipulation Methods 13:29
    • 55: innerHTML and textContext 09:31
    • 56: Attribute Manipulation 06:31
    • 57: quiz 01:00
    • 58: Introduction to Event Handlers 10:30
    • 59: Event Handler Codequiz 03:52
    • 60: Codequiz Solution 05:53
    • 61: callback Function 04:53
    • 62: Different Event Types 05:42
    • 63: Todolist Quiz Solution 09:03
    • 64: quiz 01:00
    • 65: What is Angular ? 03:37
    • 66: Angular Versions 02:57
    • 67: Development Environment 06:30
    • 68: First Application 06:38
    • 69: Angular App Structure 06:05
    • 70: First Project Edit 07:30
    • 71: Using Bootstrap for Styling new 05:57
    • 72: quiz 01:00
    • 73: What is TypeScript 04:10
    • 74: First Use of TypeScript 05:16
    • 75: Variable Types 08:51
    • 76: Variable Types-2 05:20
    • 77: Functions 10:34
    • 78: Classes 05:58
    • 79: Inheritance 07:43
    • 80: Interfaces 05:32
    • 81: Generics 07:06
    • 82: Modules 03:37
    • 83: quiz 01:00
    • 84: Angular Apps Loaded and Started-new 09:54
    • 85: Components 03:42
    • 86: Creating New Component 10:41
    • 87: Creating New Component With CLI 04:45
    • 88: Working with Template in Components 04:08
    • 89: Working with Styles in Component 04:34
    • 90: Using Selector 04:02
    • 91: Data Binding 02:59
    • 92: String Interpolition 04:31
    • 93: Property Binding 07:52
    • 94: Event Binding 09:31
    • 95: Two Way Binding 05:35
    • 96: quiz 01:00
    • 97: Creating the New Project 05:53
    • 98: Creating Class for Data Binding 08:04
    • 99: Creating New Component 05:44
    • 100: Property Binding 04:20
    • 101: Class Binding 08:43
    • 102: Style Binding 03:50
    • 103: Event Binding 04:44
    • 104: KeyUp Event 03:32
    • 105: Two Way Binding 04:50
    • 106: Pipes 06:49
    • 107: Custom Pipes 04:55
    • 108: quiz 01:00
    • 109: What is Directive 03:04
    • 110: Working With ngIf in Angular 06:45
    • 111: ngSwitch 05:11
    • 112: Working With ngFor in Angular 03:56
    • 113: Change Detection 05:47
    • 114: ngTemplateOutlet 04:50
    • 115: Custom Directive 06:37
    • 116: quiz 01:00
    • 117: Preparing the Form 06:08
    • 118: Validation With NgModel 05:19
    • 119: Validation Rule to Controls Adding 05:09
    • 120: Validation Messages Demonstration 04:11
    • 121: Customized Error Messages 05:00
    • 122: Method of Validation Messages Demonstration with 04:45
    • 123: Validation with NgForm 05:40
    • 124: Adding Validation Rule to the Form 03:58
    • 125: Showing Summary Messages 07:03
    • 126: Disabling the Submit Button 02:56
    • 127: quiz 01:00
    • 128: Preparation of Reactive Form 01:09
    • 129: FormControl 05:35
    • 130: FormGroup 05:36
    • 131: Validation With Reactive Form 04:38
    • 132: Specific Validation Errors 02:53
    • 133: Customized Validation Rule Creating 06:14
    • 134: quiz 01:00
    • 135: What is Service 04:31
    • 136: 66 - Http Get Request 07:06
    • 137: Http Post Request 06:05
    • 138: Http Put and Post Request 04:39
    • 139: Http Delete Request 02:49
    • 140: Use of Methods with the Service 09:31
    • 141: Error Checking 07:47
    • 142: quiz 01:00
    • 143: Introduction Module 04:17
    • 144: Routing Schema 04:33
    • 145: Router Links 05:14
    • 146: Navigating Programmatically 05:42
    • 147: Route Parameters 04:56
    • 148: Observable Route Parameters 04:37
    • 149: Query Parameters 06:10
    • 150: Child (Nested) Routes 04:34
    • 151: Different Of the Route Chart 03:03
    • 152: quiz 01:00
    • 153: What will we learn_ 02:02
    • 154: What is Node JS_ 02:55
    • 155: Installing Node JS 06:32
    • 156: V8 Engine 06:40
    • 157: Node JS Globals 10:39
    • 158: Functions 04:45
    • 159: Module and Require 07:15
    • 160: Module exports patterns 07:52
    • 161: Event Emitter 06:13
    • 162: More about Event Emitters 08:52
    • 163: Reading and Writing Files 11:37
    • 164: Creating and Removing Directories 08:49
    • 165: Clients _ Servers 06:04
    • 166: Creating Server 10:20
    • 167: Streams and Buffers 03:11
    • 168: Readable Stream 08:57
    • 169: Write Stream 05:25
    • 170: Pipe 08:13
    • 171: Serving HTML 04:09
    • 172: Serving JSON data 04:58
    • 173: Routing 09:41
    • 174: quiz 02:00
    • 175: What is MongoDB 11:09
    • 176: OSX Setup 05:41
    • 177: OSX – Robomongo 03:48
    • 178: Windows Setup 05:00
    • 179: Windows – Robomongo 03:24
    • 180: Last Setup Before the Project Start 02:50
    • 181: Introduction to Project 03:47
    • 182: Start to Project 04:47
    • 183: Mongoose Connection Helper 1 08:01
    • 184: Models of Mongoose 07:55
    • 185: Start to test with Mocha 08:54
    • 186: Creating and Saving Models 08:28
    • 187: How we can drop collections 06:07
    • 188: isNew Property in Mongoose 04:34
    • 189: find () query 09:04
    • 190: The _id Property 04:42
    • 191: Testing Automatically 03:34
    • 192: findOne() query 02:37
    • 193: Deleting Records 06:19
    • 194: Updating Records (1) 07:34
    • 195: Updating Records (2) 05:14
    • 196: Updating Operators 05:08
    • 197: $mul Operator as an Example 03:03
    • 198: Mongoose Validation (1) 04:00
    • 199: Mongoose Validation (2) 05:39
    • 200: Mongoose Validation (3) 04:47
    • 201: Handling Errors 03:23
    • 202: Embedding Documents 05:50
    • 203: Test with Subdocument 04:55
    • 204: Adding New Subdocument 06:19
    • 205: Removing Subdocuments 04:21
    • 206: Virtual Types (1) 05:09
    • 207: Virtual Types (2) 07:21
    • 208: Developing Nested Resources 08:03
    • 209: Using Ref for Associations 05:55
    • 210: Testing Associations 07:38
    • 211: Promise.all 04:04
    • 212: Modifiers-new 05:23
    • 213: Nested Populate 05:17
    • 214: quiz 02:00

Course media

Description

Hello there,

Welcome to the "JavaScript & Angular with Hands-on Examples" course.

JavaScript (JS) libraries such as React, Angular, Node with my hands-on JavaScript (JS) and Angular course.

JavaScript is the number one programming language for internet applications.

Angular is one of the most modern, performance-efficient, and powerful frontend frameworks you can learn as of today. It allows you to build great web apps that offer awesome user experiences! Learn all the fundamentals you need to know to get started developing Angular applications right away.

Angular is the next big deal. Being the successor of the overwhelmingly successful Angular.js framework it’s bound to shape the future of frontend development in a similar way. The powerful features and capabilities of Angular allow you to create complex, customizable, modern, responsive, and user-friendly web applications.

Node.js is an open-source, cross-platform, back-end, JavaScript runtime environment that executes JavaScript code outside a web browser. By learning growing web server technology, NodeJS, you can improve your skills, get a new job and you can build powerful, robust web applications.

MongoDB is a cross-platform document-oriented NoSQL database program. By using MongoDB, you can build a modern application database for your projects.

We'll design custom services, build custom directives, understand two-way binding, design a weather forecast app as a single page application, and lots more. Both starter and finished source code is provided as we go.

This course is for beginners. Before taking this course, you only need to have a basic knowledge of HTML and CSS. In our course, the basics of JavaScript are dealt with in detail and students are provided to test what they have learned with code quizzes prepared for each subject.

During our course, you will be informed about the basics of JavaScript in detail and how to solve problems.

Here's how a JavaScript code works, not just how it works. Because in today's JavaScript world, besides writing a code, you need to know how to debug this topic and be able to read every written JavaScript code.

The most important feature that distinguishes this course from the others is that it deals with the most basic issues about JavaScript in detail and helps students to put what they have learned in theory into practice.

In our course, you can test what you have learned on both MAC and Windows computers. You do not need to purchase any tools or applications as free tools and platforms are used.

During the course, I made sure to explain all the topics that may seem complicated to you in as simple and detailed as possible. I have used some diagrams to help you understand better.

When you complete the course, you will learn;

  • How you can operate on variables,

  • Boolean logic,

  • How to create a conditional statement,

  • How you can perform transactions with Loops,

  • How a function is created and why it needs arguments,

  • How Arrays and Objects, which are basic data structures, are created,

  • How DOM Manipulation is done,

  • You will have learned and have the opportunity to test what you have learned with the code quizzes in our course.

  • Which architecture Angular uses

  • How to use TypeScript to write Angular applications

  • All about directives and components, including the creation of custom directives/ components

  • How databinding works

  • All about routing and handling navigation

  • What Pipes are and how to use them

  • How to access the Web (e.g. RESTful servers)

  • What dependency injection is and how to use it

  • How to use Modules in Angular

  • You'll learn how asynchronous code works in Node and the Node event loop, as well as how to use the event emitter, streams, buffers, pipes, and work with files.

  • We'll see how that leads to building a web server in Node with hands-on examples.

  • The logic behind MongoDB’s data storage

  • The most popular Object Data Modeling Library for MongoDB, Mongoose JS

  • Writing queries for creating, reading, updating, and deleting operations

  • Advanced Features of MongooseJS

  • The best testing framework for NodeJS, Mocha

  • Angular

  • Javascript framework Angular

  • Javascript Angular

  • Angular JavascriptVideo and Audio Production Quality

All our videos are created/produced as high-quality video and audio to provide you the best learning experience.

You will be,

  • Seeing clearly

  • Hearing clearly

  • Moving through the course without distractions

You'll also get:

Lifetime Access to The Course

Fast & Friendly Support in the Q&A section

Dive in now to our JavaScript & Angular with Hands-on Examples course

We offer full support, answering any questions.

See you in the course!

Who is this course for?

  • Front-end developers who want to stay up-to-date with the latest technology
  • Developers who want to upgrade their skills and get better job opportunities
  • This course is for everyone interested in learning a state-of-the-art frontend JavaScript framework
  • Anyone who trying to learn JavaScript but: 1) still don't really understand JavaScript, or 2) still don't feel confident to code real apps
  • If you're interested in using a library/framework like React, Angular, Vue or Node in the future
  • Anyone looking to build a career as a NodeJS developer
  • Anyone interested in NodeJS
  • Developers new to NodeJS
  • Anyone who wants to learn MongoDB
  • Professionals who are willing to learn MongoDB
  • People who want to learn javascript, angular, nodejs, mongodb
  • People who want to learn full stack web development with angular

Requirements

  • Basic knowledge of HTML and CSS

  • No knowledge of Angular or JavaScript

  • Willingness and Motivation to successfully complete the training

  • Computer with access to the internet

  • Desire to learn Angular, Javascript, typescript, nodejs, mongodb

  • Desire to learn Javascript Angular, Nodejs and MongoDB for Full stack web development

  • Nothing else! It’s just you, your computer and your ambition to get started today

Questions and answers

Currently there are no Q&As for this course. Be the first to ask a question.

Reviews

Currently there are no reviews for this course. Be the first to leave a review.

FAQs

Study method describes the format in which the course will be delivered. At Reed Courses, courses are delivered in a number of ways, including online courses, where the course content can be accessed online remotely, and classroom courses, where courses are delivered in person at a classroom venue.

CPD stands for Continuing Professional Development. If you work in certain professions or for certain companies, your employer may require you to complete a number of CPD hours or points, per year. You can find a range of CPD courses on Reed Courses, many of which can be completed online.

A regulated qualification is delivered by a learning institution which is regulated by a government body. In England, the government body which regulates courses is Ofqual. Ofqual regulated qualifications sit on the Regulated Qualifications Framework (RQF), which can help students understand how different qualifications in different fields compare to each other. The framework also helps students to understand what qualifications they need to progress towards a higher learning goal, such as a university degree or equivalent higher education award.

An endorsed course is a skills based course which has been checked over and approved by an independent awarding body. Endorsed courses are not regulated so do not result in a qualification - however, the student can usually purchase a certificate showing the awarding body's logo if they wish. Certain awarding bodies - such as Quality Licence Scheme and TQUK - have developed endorsement schemes as a way to help students select the best skills based courses for them.