INTRODUCTION TO RESPONSIVE WEB DEVELOPMENT WITH ANGULARJS AND BOOTSTRAP

Certified Information System Security Professional

(CISSP)

ISACA

The PMP signifies that you speak and understand the global language of project management and connects you to a community of professionals, organizations and experts worldwide. Become a PMP and become a project hero.

Next Available Date

Class-room

ENROLL

I would like to receive email from Makintouch Consulting and learn about other offerings related to this course.

About this course

Project Management Professional (PMP) Training is a 5-day program designed to empower project management professionals to manage large-scale and highly complex projects, organize projects to fit shifting priorities without sacrificing quality and use skilled resources effectively and productively. The course uses P6 Primavera’s Web-based project management tool. It is divided into four sections: Overview and Creating a Project; Scheduling the Project and Managing Data; Assigning Resources and Baselining; and Project Execution and Control. Participants will learn to create a project, add activities assign resources, modify the project plan to account for schedule delays and over-allocated resources, and analyze portfolios. Participants will also learn how to monitor project progress and communicate with team members.

Target Audience

This course is designed for individuals and organizations requiring a comprehensive understanding of project management best practices.

This includes:

Project Coordinators, Project Leaders, Project Managers, Project Supervisors, IT Professionals, Telecoms Engineers, Product Managers, Bankers, Consultants, Business Starters, SME Entrepreneurs, Government Contractors, Engineers, Architects.

Prerequisites

There are no prerequisite requirements for taking the CISA course or the CISA exam; however, in-order-to apply for the CISA certification, the candidate must meet the following requirements as determined by ISACA:

• Five (5) or more years of experience in IS audit, control, assurance, or security

• Waivers are available for a maximum of three (3) years

CHAPTER 1.
ADVANCED OBJECTS AND FUNCTIONALITY IN JAVASCRIPT
Basic Objects
Constructor Function
More on the Constructor Function
Object Properties
Deleting a Property
The instance of Operator
Object Properties
Constructor and Instance Objects
Constructor Level Properties
Namespace
Functions are First-Class Objects
Closures
Closure Examples
Private Variables with Closures
Immediately Invoked Function Expression (IIFE)
Prototype
Inheritance in JavaScript
The Prototype Chain
Traversing Prototype Property Hierarchy
Prototype Chain
Inheritance Using Prototype
Extending Inherited Behavior
Enhancing Constructors
Improving Constructor Performance
Inheritance with Object.create
The has Own Property Method
Summary
CHAPTER 2. INTRODUCTION TO ANGULARJS
What is AngularJS?
Why AngularJS?
Scope and Goal of AngularJS
Using AngularJS
A Very Simple AngularJS Application
Building Blocks of an AngularJS Application
Use of Model View Controller (MVC) Pattern
A Simple MVC Application
The View
The ControllerData Binding
Basics of Dependency Injection (DI)Other Client Side MVC Frameworks
Summary
CHAPTER 3. ANGULARJS MODULE
What is a Module?
Benefits of Having Modules
Life Cycle of a Module
The Configuration Phase
The Run Phase
Module Wide Data Using Value
Module Wide Data Using Constant
Module Dependency
Using Multiple Modules in a Page
Summary
CHAPTER 4. ANGULARJS CONTROLLERS
Controller Main Responsibilities
About Constructor and Factory Functions
Defining a Controller
Using the Controller
Controller Constructor Function
More About Scope
Example Scope Hierarchy
Using Scope Hierarchy
Modifying Objects in Parent Scope
Modified Parent Scope in DOM
Handling Events
Another Example for Event Handling
Storing Model in Instance Property
Summary
CHAPTER 5. ANGULARJS EXPRESSIONS
Expressions
Operations Supported in Expressions
AngularJS Expressions vs JavaScript Expressions
AngularJS Expressions are Safe to Use!What is Missing in Expressions
Considerations for Using src and href Attributes in Angular
Examples of ng-src and ng-href Directives
Summary
CHAPTER 6. BASIC VIEW DIRECTIVES
Introduction to AngularJS Directives
Controlling Element Visibility
Adding and Removing an Element
Dynamically Changing Style Class
The ng-class Directive
Example Use of ng-class
Setting Image Source
Setting Hyperlink Dynamically
Preventing Initial Flash
Summary
CHAPTER 7. ADVANCED VIEW DIRECTIVES
The ng-repeat Directive
Example Use of ng-repeat
Dynamically Adding Items
Special Properties
Example: Using the $index Property
Scope and Iteration
Event Handling in Iterated Elements
The ng-switch Directive
Example Use of ng-switch
Inserting External Template using ng-include
Summary
CHAPTER 8. WORKING WITH FORMS
Forms and AngularJS
Scope and Data Binding
Role of a Form
Using Input Text Box
Using Radio Buttons
Using Checkbox
Using Checkbox – Advanced
Using Select
Using Select – Advanced
Disabling an Input
Reacting to Model Changes in a Declarative Way
Example of Using the ng-change Directive
Summary
CHAPTER 9. FORMATTING DATA WITH FILTERS IN ANGULARJS
What are AngularJS Filters?
The Filter Syntax
Angular Filters
More Angular Filters
Using Filters in JavaScript
Using Filters
A More Complex Example
The date Filter
The date's format Parameter
Examples of Using the date Filter
The limit
To Filter
Using limit
To Filter
Filter Performance Considerations
Summary
CHAPTER 10. ANGULARJS $WATCH SCOPE FUNCTION
The $watch Function
The $watch Function Signature
The $watch Function Details
Canceling the Watch Action
Example of Using $watch
Things to be Aware Of
More Things to Be Aware Of
Performance Considerations
Speeding Things Up
Summary
CHAPTER 11. COMMUNICATING WITH WEB SERVERS
The $http AngularJS Service
The Promise Interface
The $http Service$http Function Invocation
Callback Parameters
Request Configuration Properties
Shortcut Methods
Complete List of Shortcut Methods
Using $http.get()
Working with JSON Response
Using $http.post()
Combining $http POST Request Data with URL Parameters
The then()
Method of the Promise Object
The Response Object
Making Parallel Web Service Calls
Combining Multiple Promises into One
Wait for the Combined Promise
Setting Up HTTP Request Headers
Caching Responses
Disabling Caching in IE9
Setting the Request Timeout
Unit Testing with ng
Mock
Writing Unit Tests
Summary
CHAPTER 12. CUSTOM DIRECTIVES
What are Directives?
Directive Usage Types
Directive Naming Convention
Defining a Custom Directive
Using the Directive
Scope of a Directive
Isolating Scope
Creating a Scope for the Directive
Copying Data to a Directive's Scope
Using External Template File
Manipulating a DOM Element
The Link Function
Event Handling from a Link Function
Wrapping Other Elements
Accepting a Callback Function
Supplying Callback Function
Supplying Argument to Callback
Summary
CHAPTER 13. ANGULARJS SERVICES
Introduction to Services
Defining a Service
The factory() Method Approach
The service() Method Approach
The provider() Method Approach
Using a Service
Configuring a Service using its Provider
Summary
CHAPTER 14. INTRODUCTION TO CSS3
What is a Style?
What are Cascading Style Sheets?
CSS and the Evolution of Web Development
The CSS Standardization Process
CSS and HTMLCSS Compatibility
CSS Rules
New in CSS3
Summary
CHAPTER 15. APPLYING CSS STYLES
Inline Styles
Embedded Styles
External Styles
Selectors
Combinator Selectors
Universal Selector
Style Classes
Pseudo-Classes
Inheriting From a Paren
tDeclaring !important Styles
CSS Cascade Order
Summary
CHAPTER 16. BOX MODEL AND EFFECTS
Element Box Model
Parts of the Box Model
Setting Width and Height
IE Box Size Bug
Controlling Flow in Position
Hiding Content
Overflowing Content
Floating Elements
Using Float for Multiple Columns
Margins
Padding
Border
Outline
CSS 3 – Rounding Border Corners
CSS 3 – Using a Border Image
Border Image Example
Summary
CHAPTER 17. INTRODUCTION TO RESPONSIVE WEB DESIGN
What is Responsive Web Design?
Mobile Browsers Quirks
Other Mobile Web Considerations
Primary Responsive Design Techniques
Elements of Responsive Design
Example of Responsive Design
Responsive Page Design Schematic
Alternatives to Responsive Design
Summary
CHAPTER 18. CSS 3 AND RESPONSIVE WEB DESIGN
Progressive Enhancement
Implementing Progressive Enhancement
Media Types
CSS Style “Reset”
Conditional Styles for Internet Explorer
What is the Viewport?
Adapting the Viewport
Specifying the ViewportMedia QueriesMedia Features Used in Media QueriesCombining Responsive Design Techniques
Testing Responsive Design
Summary
CHAPTER 19. RESPONSIVE WEB PAGE LAYOUT
The Main Layout Types
Responsive Layouts
Popular Layout Patterns
The 'Mostly Fluid' Layout Pattern
The 'Column Drop' Layout Pattern
The 'Layout Shifter' Pattern
Other Layout Techniques
Getting Content Fillers
The Float CSS Property
Combining CSS Styles
The Simple Fluid Layout Example
The Simple Fluid Layout Technique
The ResultsFont Size Units
Pixel-Sized vs Em-Sized
Font Size Unit Relationships
Pixels to Em Conversion Formula
Other Considerations
Looking into the Future
Summary
CHAPTER 20. RESPONSIVE IMAGES
Responsive Images
Performance Considerations
Shrinking Images
Traditional Image Handling Techniques
Media Queries Don't Always Help With Performance
A “Fluid” Pixel
The Device Viewports
CSS Pixels
The Power of Simplicity
Sencha.io Src Images Cloud Service
Sencha.io Src DiagramHow it Works
Sencha.io Src API
Sencha.io Src API Details
Sencha.io Src API Details Cont'd
Examples of Sencha.io Src API
Rolling Out Your Own Cloud Image Manipulation Service
The Picture Element
The srcset Attribute
More on the srcset Attribute
Examples of the srcset Attribute
What is Picturefill?
Using Picturefill
Summary
CHAPTER 21. BOOTSTRAP OVERVIEW
What is Bootstrap
Keywords from bower.js
Bootstrap History
Responsive Web Development
Responsive Grid Layout
Reusable GUI Components
JavaScript
The Mobile First Philosophy
Why RWD Matters
Responsive Page Views
Less
Getting Bootstrap
Bootstrap Content Development Network
Other Setup Options
The Bootstrap Core Files
To Min or Not to Min
Summary
CHAPTER 22. GETTING STARTED WITH BOOTSTRAP
Bootstrap Basic Page Template
The Viewport Meta TagThe user-scalable Property
Including Bootstrap JavaScript Files
Plugin Dependencies
Checking the Needed Version of jQuery
Resetting Styles
Customizing the CSS Global Settings
A Fragment of the scaffolding.less File
Bootstrap Components
Containers
Using Containers
Device Sizes
The Grid System
The Column Arithmetic
A Grid Example
CSS Media Queries (1 / 2)CSS Media Queries (2 / 2)Customizing Breakpoints
Responsive Grid Layout
Combining Column Styles
Other Column Operations
Navigation
Navigation (Desktop)
Navigation (Mobile)
Navigation Source
Navigation Explained
Navigation Elements and Styles
Glyphicons
UsingGlyphicons
Responsive Images
Styles for Image Shapes
Summary
CHAPTER 23. BOOTSTRAP MISCELLANEOUS TOPICS
Integrating Bootstrap Components with jQuery
Identifying the Required Version of jQuery
Minimizing Bootstrap's Download Size
Using the Customizer
Customizer Page Fragment
Compiling and Downloading Customized Bootstrap
Customizing Bootstrap Components
Light Customization Steps
Summary
CHAPTER 24. UI BOOTSTRAP OVERVIEW
What is UI Bootstrap?
UI Bootstrap Directives
Project Philosophy
The Angular UI Bootstrap Modules
Getting UI Bootstrap
The Direct Download
What are the -tpls- Files?
Understanding Templates
Picking and Choosing Your Modules (1/2)
Picking and Choosing Your Modules (2/2)
Basic UI Bootstrap HTML Page
Referencing Angular UI Bootstrap Modules
Adding Component Prefixes in Release 0.14.0
Summary
CHAPTER 25. UI BOOTSTRAP DIRECTIVES
UI Bootstrap Directives
Directive Inter-dependencies
Where to Get Help
PlunkerThe Alert Directive
CarouselDatepickerDropdownPaginationThe Pagination CodeProgress BarTabsSummaryLAB EXERCISESLab 1. Setting Up the Lab Environment Lab 2. JavaScript Functions Lab 3. Objects in JavaScript Lab 4. Getting Started with AngularJS Lab 5. MVC with AngularJS Lab 6. AngularJS Expressions Lab 7. Working with Class and Style Directives Lab 8. The ng-repeat Directive Lab 9. Working with Form Inputs Lab 10. Data Formatting with Filters Lab 11. Using the $watch Function Lab 12. Communicating with Web Servers Lab 13. Reading Complex Data Sets From Web Servers Lab 14. Custom Directives Lab 15. Creating and Using Services Lab 16. Testing Lab 17. Intro to CSS3 Lab 18. Applying Basic Styles Lab 19. Control Element Spacing with Box Properties Lab 20. Media Queries and Responsive Design Lab 21. Understanding Bootstrap's Grid System Lab 22. Understanding Bootstrap's Navbar Component Lab 23. Using jQuery in Bootstrap Lab 24. Understanding UI Bootstrap Lab Files Lab 25. Customizing UI Bootstrap Templates Lab 26. Using UI Bootstrap Directives

By the end of this training you will:

Acquire the relevant knowledge and skills required to clear the PMP® certification exam
Earn the requisite 35 PDUs required to take up the PMP® certification exam
Develop a working knowledge of the 5 process groups and 10 knowledge areas as prescribed by PMI – PMBOK® Guide—version6.
Master the skills to manage, execute and deliver projects successfully in line with global project management best practices.

Need more info? Let us know and we will be happy to respond

DETAILS

5 DAYS

INTERMEDIATE

LAGOS, ABUJA

Our Popular Courses

We are always there to support you!

Whether you are looking to accelerate your career, earn your certification, or learn something for personal reasons, Makintouch got you covered.

DOWNLOAD TRAINING CALENDAR

CEH v.1095%

CISSP85%

Project Management Professional95%

Installing & Config. Windows Server 201690%

Advanced Excel75%