Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ Microsoft AZ-900
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 15.5 hours on-demand video
  • 13 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development Web Development AngularJS

AngularJs with Bootstrap in Action

From beginners to expert level in 15 hours. Learn from a developer writing code and executing it.
Rating: 4.1 out of 54.1 (29 ratings)
633 students
Created by Marcos Costa
Last updated 6/2017
English
30-Day Money-Back Guarantee

What you'll learn

  • Build websites from scratch using AngularJs
  • Use Browserify and import a single js into index html
  • Create Server using NodeJS
  • Applying Bootstrap styles into AngularJS applications
  • Develop complex applications from scratch using AngularJs
  • Learn the perks of AngularJS
  • Write a Blog from scratch using AngularJS, Bootstrap, Browserify, Toastr and NodeJS

Course content

14 sections • 132 lectures • 15h 33m total length

  • Preview01:14
  • How to Get the Most of This Course
    04:41
  • Preview02:06

  • Preview02:15
  • Creating Hello World
    05:20
  • Bootstrapping the Hello World
    09:37

  • Preview02:22
  • ng-app Directive
    07:31
  • Preview05:18
  • $scope
    06:02
  • $rootScope
    02:11
  • ng-repeat Directive - Iterating Over Arrays
    07:24

  • Introduction
    02:42
  • Creating Documentation page for the Event Directives
    08:02
  • Preview07:36
  • ng-change Directive
    06:26
  • ng-focus Directive
    06:42
  • ng-blur Directive
    02:03
  • ng-copy Directive
    02:40
  • ng-cut Directive
    01:44
  • ng-paste Directive
    02:44
  • ng-dblclick Directive
    02:33
  • Keyboard Event Directives
    10:35
  • Mouse Event Directives
    14:26
  • Download the Documentation Project
    02:46

  • Preview02:20
  • Creating Document Page for The Conditional Directives
    03:42
  • ng-if Conditional Directive
    06:58
  • ng-hide Directive
    03:44
  • ng-show Directive
    05:38
  • ng-class Conditional Style Directive
    10:52
  • Overview and Download
    02:00

  • Preview02:37
  • Creating DI Project
    04:55
  • Controllers in Action
    15:22
  • Multiple Controllers in Action
    05:36
  • Factory in Action
    10:01
  • Services in Action
    05:35
  • Prototype and Inheritance
    08:22
  • Overview and Download
    05:28

  • Preview03:06
  • Creation Documentation Project for Forms
    04:40
  • ng-model Directive
    10:54
  • ng-disabled Directive
    04:13
  • ng-submit Directive
    09:07
  • Checkboxes Changing the Default (true, false)
    08:03
  • ng-options
    13:39
  • Dropdown Default Selection
    08:37
  • Using required and $valid
    08:03
  • Input States
    10:03
  • Form States
    04:07
  • Overview and Download
    06:42

  • Preview02:44
  • installing NodeJs
    05:15
  • npm init
    03:25
  • npm install
    08:33
  • Creating localhost using ExpressJS
    10:14
  • Create REST API (GET method)
    04:50
  • Adding Route to the Angular App
    05:36
  • Overview and Download
    03:36

  • Preview02:11
  • Creating Browserify Project
    05:07
  • Using Require and Exports
    06:05
  • Executing Browserify
    07:56
  • Adding Browserify into Package.json
    03:07
  • Overview and Download
    03:42

  • Preview02:34
  • What are Directives
    03:15
  • Creating Directives Project
    13:35
  • Creating out first Directive
    13:23
  • Element Directive
    09:40
  • Attribute Directive
    04:48
  • Class Directive
    03:03
  • Comment Directive
    03:55
  • template and templateUrl
    10:41
  • Isolate Scope
    09:29
  • = (Equals) Attribute on the Scope
    07:58
  • @ (At) Attribute on the Scope
    03:03
  • & (Ampersand) Attribute on the Scope
    07:05
  • ng-transclude and transclude
    08:38
  • Directive Controllers
    09:42
  • Directive Links
    12:09
  • Compile Function using pre-link and post-link Methods
    13:44
  • Overview and Download
    08:29

Requirements

  • Having a basic understanding of HTML also helps but it is also not mandatory
  • Understanding "if" and loops clauses helps but are not mandatory

Description

If you heard about directives, scope, routes, Dependency Injection, Browserify, bootstrap,controllers, factories ... and you have no idea or not quite sure what they are or how to use them or you just want to learn AngularJS then this course is for you.

This course was designed for either new or existing developers. All the sections and lectures are split in a way that will help you get the most of this course which no boring sections.

You will not just learn AngularJS but you will understand it. Learn from whom works with it on a daily bases and have the passion to coach ( that would be me lol ).

All the code is written on each lecture and explained as we write it. 
Every section has one "introduction" and one "overview and download" lectures which helps to prepare you for what is coming and to wrap it up with what we just learned. 

There are 10 projects to be developed with you on the fly and if you feel like skipping it no worries you can always download it.

For the last project we will create a nice Blog application using Bootstrap, toastr which can be seen on the last free preview.

Angular 4 is there but many companies cannot move even to Angular 2 because of compatibility. This will teach you from the basic $scope to the complex stuff like routing, services, multiple controllers, using date filter, promises and much more.

I hope you join me on this adventure.

Feel free to watch the introduction video and the previous available.

Cheers

Marcos Costa

Who this course is for:

  • Anyone who wants to learn AngularJs
  • Interested in apply Browserify into the AngularJS application
  • Developers seeking to improve their skills
  • Existing AngularJS developers seeking to refine their understanding of AngularJS

Instructor

Marcos Costa
Tech Lead Engineer
Marcos Costa
  • 4.2 Instructor Rating
  • 226 Reviews
  • 5,861 Students
  • 3 Courses

Passionate about developing software and learning new things. I am always learning. 

My goal is to help 10k people to become developers. 

"To stop procrastinating  just break a big task in smaller parts. This will give the incentive and recognition of smaller successes more often"

I hope you enjoy my courses.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.