|
nodejsdev |
Node.js for JavaScript Developers |
21小时 |
Overview
Node.js is a platform for easily building fast, scalable network applications. Learn how to use the event-driven, non-blocking I/O model to build data-intensive real-time applications that run across distributed devices. We will explore the design choices that make Node.js unique, how this changes the way applications are built and how systems of applications work most effectively in this model. Learn how to create modular code that’s robust, expressive and clear. Understand when to use callbacks, event emitters and streams. Use streams to easily manipulate data that would be impossible to fit in application memory. Gain confidence in handling errors effectively to ensure runtime reliability. The course has extensive lab exercises to reinforce the concepts and techniques covered.
Objectives
On completion of this course, students will be able to:
Clearly understand the platform design choices that led to Node.js choosing an event loop and what this means for applications built on that foundation.
Understand the unique trade-offs present in event-driven programming.
Create Node.js modules and express code modularity in an application.
Understand the core flow control patterns in Node.js and know when it is appropriate to use callbacks, event emitters or streams.
Create and manipulate buffers efficiently.
Understand how to manage error state and know when a process should exit due to an error.
Build network applications with Node.js.
Intro to Node.js
RAM vs. I/O latency
Blocking vs. Non-Blocking
Event-driven Programming
Event Loop
Blocking The Event Loop
Node.js Philosophy
Node.js Platform Setup
Download and Install
Node REPL
First Hello World
Modules and npm
Anatomy of a module
Private code
Accessing and using modules
npm commands
package.json
The Callback Pattern
What are callbacks
Callback-last
Error-first
Events
When to use Event Emitters
Binding Functions to Events
Event Requests
Event Listening
Error Handling
Callbacks: Error-first
Errors in Event Emitters
Uncaught Exceptions
Using Domains
Buffers
Why Buffers exist
Creating Buffers
Reading and Writing Buffers
Manipulating Buffers
Streams
What are streams
Read and Write Stream API
Flow Control
Piping
Duplex Stream
Transform Stream
Express.js
Intro and Installing Express.js
Building a Hello Express application
Creating routes
Rendering Layouts
Using templates
Adding partials
Using locals and conditional templates
Modularizing routes
Socket.io
Listening for
Broadcasting
Answering questions
Connecting to Databases
No SQL and Document Stores
Relational DBs
Configuration and platform setup
CRUD Operations
|
|
unity |
Unity: Developing 3D games with C# and Javascript |
28小时 |
Unity is a cross-platform game engine for developing video games for PC, consoles, mobile devices and websites.
This training covers the fundamentals of game development with Unity while walking participants step-by-step through the creation of their own game.
Audience
Beginner game developers
Format of the course
Discussion, hands-on design and development and quizzes
Introduction
Setting up your development environment
Fundamentals of C# for gaming
Fundamentals of Javascript for gaming
Working with the interface
Manipulating objects
Importing and exporting assets
Setting the scene
Applying physics to the objects in the game
Combining assets to create complex objects
Populating the scene
Implementing behaviors
Developing Boo, JavaScript and C# scripts
Culling
Adding animation
Managing the lighting
Rendering and building the game
Optimizing your game
Packaging your game for distribution |
|
meanangular4 |
Angular 4: Building Web Apps using the MEAN stack |
35小时 |
Angular 4 (previous versions referred to as: Angular.js, AngularJS, AngularJS 1, Angular 1, Angular 2, etc.) is a JavaScript-based front-end web application framework for developing single-page applications. It boasts better performance over its predecessor, more APIs to tap into, and improved design and responsiveness on mobile devices.
MEAN stack is a full-stack JavaScript solution for writing scalable, robust, and maintainable web applications quickly and easily using MongoDB, Express, Angular, and Node.js.
In this instructor-led, live training, participants will learn how to use the MEAN stack, specifically using Angular 4, as they step through the creation and deployment of a sample web application.
By the end of this training, participants will be able to:
Create, build, debug and deploy a MEAN-based Angular 4 application
Unit test their Angular 4 application
Write Angular code using TypeScript
Audience
Developers
Format of the course
Part lecture, part discussion, exercises and heavy hands-on practice
To request a customized course outline for this training, please contact us.
|
|
angjs |
Angular JavaScript |
28小时 |
This is a hands on course is for anyone wanting to create Web sites using AngularJS.
During this course the latest stable version will be used. Pre-release version can be just used if marked in the booking form in remarks section. Older version need to be agreed before booking.
What is Angular JS?
HTML5, CSS and JavaScript
JSON and Ajax
Angular JS Applications
Bootstrap CSS
Models
Bindings
Expressions
Simple expressions
Values
Objects
Arrays
Maps
Directives
Data typing
Looping over arrays and arrays of objects
Creating tables
Enabling and disabling HTML elements
Hiding and showing HTML elements
Handling HTML events
Custom Directives
Controllers
Defining controllers
Object property functions
Controller methods
Controllers in external files
Namespaces
Global namespace
Modules
Module dependencies
Library loading
Where to put scripts
Application files
Filters
Convert to currency
Array subsets
Upper and lower case conversion
Sorting
HTTP Requests
General requests
Shortcuts
Success and error handling
Setting HTTP headers
JSON and XSRF vulnerability protection
Forms
HTML input controls
Browser versus Angular JS validation
Validating input values
Displaying input error messages
Angular Modules
Services
Animation
REST
Cookies
Mobile device support
Single Page Application Concept
Routing in Single Page Application (SPA)
|
|
meteor |
Meteor: Use JavaScript to develop cross-platform mobile applications |
14小时 |
Meteor (aka MeteorJS) is an open-source JavaScript web framework written in Node.js. It integrates with MongoDB and enables rapid prototyping of Android and iOS applications.
This course introduces the fundamentals of Meteor and walks participants through the creation of a real-time web applications for both desktop and mobile platforms.
Audience
Front-end developers
Anyone interested in learning Meteor
Format of the course
Overview of Meteor's features and capabilities along with step-by-step development of a mobile application for iOS and Android.
Introduction to Meteor JavaScript
Installing Meteor
Meteor architecture
Overview of MongoDB
Creating a Meteor application
Meteor's project file structure
Creating a Template and Collections
Working with Forms and Events
Sessions and Trackers in Meteor
Working with the the Core API
Working with HTTP, Email, Assets
Creating a database in Meteor
Building database collections
Sorting the data in Meteor
Building a user accounts system
Creating packages in Meteor
Deploying your application |
|
nativescript |
NativeScript: Develop native iOS and Android mobile apps using a single JavaScript codebase |
7小时 |
NativeScript is an open-source framework, designed with JavaScript, XML, and CSS in mind for the development and deployment of cross-platform native, mobile applications, namely on iOS and Android. By using a single JavaScript codebase, NativeScript can take advantage of native platform APIs and UIs to deliver a truly native experience.
In this instructor-led, live training, participants will learn NativeScript's essential UI components and modules as they step through the creation and deployment of a simple, native mobile application for Android and iOS.
By the end of this training, participants will be able to:
Implement an MVVM (Model View View Model) architecture
Deploy a simple workflow via network request
Utilize native APIs via JavaScript code
Access native UI styles via CSS
Audience
Mobile application developers seeking to develop cross-platform applications for iOS or Android
Format of the course
Part lecture, part discussion, exercises and heavy hands-on practice
To request a customized course outline for this training, please contact us.
|
|
angjsbas |
AngularJS Basics |
14小时 |
Angular JS (AKA Angular) is a JavaScript library for rapid app development.
Audience
developers
programmers
javascript architects
Objectives
Shift midset from procedural/OO way of programing to Angular way
Participants can use AngularJS to create Single Page Applications
Format of the course
40% lectures, 60% labs
Introduction
Why AngularJS?
Alternatives
Extensibility
The basics:
Add some control
Data Binding
Controller
Plain JavaScript
Wire up a Backend
Deep Linking
Form Validation
Server Communication
Create Components
Directives
Reusable Components
Localization
Embed and Inject
Embeddable
Injectable
Testable
|
|
angular4 |
Angular 4: Create single-page applications using HTML, CSS, and JavaScript |
21小时 |
Angular 4 (previous versions commonly referred to as Angular.js, AngularJS, AngularJS 1, Angular 1, Angular 2, etc.) is a JavaScript-based front-end web application framework for developing single-page applications.
Angular 4 boasts better performance over its predecessor, more APIs to tap into, and improved support for mobile devices in terms of responsiveness of design and layout.
This course introduces the fundamentals of Angular 4 and walks participants through the creation of a single-page web application.
Audience
Web application developers
Format of the course
Overview of Angular 4's features and capabilities along with step-by-step development of a web application.
Introduction
Architecture overview
New features in Angular 4
Overview of ECMAScript 6 (ES6) and TypeScript
Understanding template syntax and forms
Building with Components
Angular 4 services
Building reactivity into your applications
Dependency injection
Loading data via HTTP
Angular 4 modules
Routing in Angular 4
Data flow and state management
Validation directives and pipes
Unit testing
Deploying your application
Angular coding and architecture best practices
Conclusion |
|
nativescriptangular2 |
NativeScript with Angular 2 |
7小时 |
NativeScript with Angular 2 allows developers to build truly native cross-platform applications for Android, iOS and web applications using common web technologies on an Angular 2 framework.
This instructor-led, live training introduces key Angular 2 features and functionality and demonstrates their practical use in NativeScript as participants walk through the creation of an attractive, native Android and iOS application.
By the end of this training, participants will be able to:
Build and deploy fully native mobile applications using Angular 2
Work with remote data streams using RxJS
Create multiple page application with navigation via the Angular 2 Router
Audience
Mobile application developers seeking to develop cross-platform applications for iOS or Android
Web developers looking to translate their skill sets into the mobile application development arena
Format of the course
Part lecture, part discussion, exercises and heavy hands-on practice
To request a customized course outline for this training, please contact us.
|
|
extjsfun |
Ext JS Fundamentals |
21小时 |
Module 1. Introduction to Ext JS 5
Downloading ExtJS
Setting Up and installing ExtJS
Using Tools and Editors
Module 2. Core Concepts
Using Naming Conventions
The Preprocessors and Postprocessors
Using Static methods and properties
Understanding simple inheritance
Lazy loading of classes
Interacting with the DOM
Module 3. Components and Layouts
The component life cycle
Types of containers
Understanding the viewport, panel and Window component
Module 4. Managing data
Using Ajax
Understanding models
Model mapping
Writing validators
Common field types and relationships
Adding, selecting and removing records from the store
Module 5. Buttons, Toolbars and Forms
Buttons types
Adding menus
Using toolbars
Building the main menu for an application
The form component
Using available fields (textfields, number, date, etc.)
Understanding triggers
Submitting the data
Module 6. Understanding the Grid and Tree panel
Building the data connection
Designing a basic grid
Selection models
Setting up Grid listeners
The Grid paging and the infinite scrolling
Using the DataView
A basic tree panel
Adding and removing nodes
Module 7. The architecture
The MVC and MVVM patterns
Creating the views and the controller
Creating a module
Implementing routing
Module 8. The importance of look and feel
The packages folder
Advanced theming
Different styles for the same component
Supporting legacy browser
Module 9. The deploy phase
Preparing for deployment
The app.json file
The sencha command
Code compression
Packaging and deploying
|
|
titanium |
Titanium: build native mobile apps using Javascript |
7小时 |
Appcelerator Titanium is an open-source development framework that enables the creation of native mobile apps on iOS, Android and Windows Phone from a single JavaScript codebase.
This training introduces the fundamentals of Titanium and walks participants through the creation of a Titanium mobile application.
Audience
Web application developers
Format of the course
Heavy emphasis on hands-on practice. Most of the concepts are learned through samples, exercises and hands-on development.
Introduction
Titanium vs PhoneGap
Overview of the Titanium architecture
Installation and setup
Preparing your development environment
Preparing the app interface
Designing the app
Windows and views
Controls, input and interactivity
Using events, variables and callbacks
Reading and writing to the file system
Adding social media support to your app
Adding notification support to your app
Adding support for gestures to your app
Adding media support to your app
Adding map support to your app
Adding support for other phone native features
Enhancing the app interface with styles
Extending Titanium with modules
Testing your app
Debugging your app
Deploying your app
Contributing to the community
Closing remarks |
|
nativescriptangular4 |
NativeScript with Angular 4 |
7小时 |
NativeScript with Angular 4 provides an architecture for developing fully native mobile applications using single codebase web technologies on an Angular 4 framework. NativeScript takes advantage of Angular 4's faster runtimes and compact application packages to develop non-dependent web view, native mobile applications.
This instructor-led, live training introduces Angular 4's new animation API's and their potential capabilities for streamlining mobile application runtimes as participants walk through the creation of a simple, but fully functional native mobile application (for either iOS, Andriod, and now, Windows too).
By the end of this training, participants will be able to:
Update existing animation packages and dependencies within the package.json
Implement new animation APIs such as element querying, reusable animations, animation parameters, stagger, and routable animations
Deploy the application
Audience
Mobile application developers seeking to develop cross-platform applications for iOS or Android
Web developers looking to translate their skill sets into the mobile application development arena
Format of the course
Part lecture, part discussion, exercises and heavy hands-on practice
To request a customized course outline for this training, please contact us. |
|
dsguihtml5jsre |
Designing Inteligent User Interface with HTML5, JavaScript and Rule Engines |
21小时 |
Coding interfaces which allow users to get what they want easily is hard. This course guides you how to create effective UI with newest technologies and libraries.
It introduces idea of coding logic in Rule Engines (mostly Nools and PHP Rules) to make it easier to modify and test. After that the courses shows a way of integrating the logic on the front end of the website using JavaScript. Logic coded this way can be reused on the backend.
Writing your rules
Available rule engines
Stating rules in a declarative manner
Extending rules
Create unit tests for the rules
Available test frameworks
Running tests automatically
Creating GUI for the rules
Available frameworks
GUI design principles
Integrating logic with the GUI
Running rules in the browser
Ajax
Decision tables
Create functional tests for the GUI
Available frameworks
Testing against multiple browsers
|
|
reactnativeexpo |
React Native Expo: simplifying the creation and deployment of your React Native application |
7小时 |
React Native Expo is a set of tools, libraries and services that acts as an abstraction layer on top of React Native. It simplifies the deployment process, allowing you to generate a build with one click or command without having to create a developer account on various app stores. React Native Expo can be described as Rails for React Native.
In this training, participants learn to use React Native Expo through discussion and hands-on practice. By the end of the course, participants will be equipped to create and deploy their own React Native application using React Native Expo.
For an introductory course on React Native, please see: React Native: Rapidly develop native iOS and Android apps with Javascript
Audience
Web application developers
Format of the course
Part lecture, part discussion, heavy hands-on practice
Introduction
Why Expo?
Overview of Expo SDK
The lifecycle of an Expo project
From start to iOS and Android app
Installation and setup
Creating a new project in Expo XDE
Developing your project locally
Using the asset management system
Handling images, videos, fonts, etc.
Implementing icons, blur views, and more
Wiring up push notifications
Routing and navigation
Publishing your project (non-app store publication)
Publishing your project to App Store and Google Play
Packaging your Expo app into a standalone binary
Detaching your project to the ExpoKit
Making changes to your local project
Viewing logs
Debugging your app
Using an emulator/simulator
Troubleshooting
Removing a published Expo project
Closing remarks |
|
mean1 |
Building Web Apps using the MEAN stack |
35小时 |
Course Objective:
MEAN stack is a full-stack JavaScript solution that helps you write scalable, robust, and maintainable web applications quickly and easily using MongoDB, express, AngularJS, and Node.js.
By the end of this hands-on intensive training course, the students will be able to:
Store the data in NoSQL, document-oriented MongoDB database that brings performance and scalability.
Use Node.js, the server-side platform built on Google V8’s runtime for building fast, scalable network applications.
Use Express, a simple yet powerful web application development HTTP server framework built on top of Node.js.
Use AngularJS framework that offers declarative, two-way data binding for web applications.
Take advantage of the ‘full-stack JavaScript’ paradigm i.e. store documents in JSON-like format in MongoDB, author JSON queries in Node.js/Express.js, and forward these JSON documents back to an Angular-based frontend.
Get acquainted with the latest web application development trends in the IT industry.
Node.js
Getting started with Node.js
Node Package Manager
Modules
Asynchronous Programming
Callbacks
Events
Streams
Web Sockets
Angular.js
Angular Architecture
Modules, Controllers and Scope
Views
Two-way Binding
Built-in and Custom Directives
Event Directives
Expressions
Built-in and Custom Filters
Understanding the Digest Loop
Forms and Validation
AngularJS Service Types
Factories, Providers, Decorators, DI
Creating Custom Services
Consuming Ajax Web Services via $http and $resource
Routing, Redirects, and Promises
Express.js
MVC Pattern
Introduction to Express
Routing
HTTP Interaction
Handling Form Data
Handling Query Parameters
Cookies and Sessions
User Authentication
Error Handling
Creating and Consuming RESTful Services
Using Templates
MongoDB
Understanding NoSQL MongoDB
Finding Documents
Update, Insert, and Upsert
Indexing
Data Modeling
Aggregation
|
|
createreactnativeapp |
Create React Native App: simplifying the creation and deployment of your React Native application |
7小时 |
Create React Native App is a tool that simplifies the creation of a React Native project. It is inspired by the design of Create React App and is the result of a collaboration between Facebook and Expo.
Create React Native App allows you to develop an iOS app using Linux or Windows, without having to use Xcode or Android Studio. This is accomplished using the Expo app, which loads and runs CRNA projects written in pure JavaScript without compiling any native code.
In this training, participants learn to use Create React Native App through discussion and hands-on practice. By the end of the course, participants will be equipped to create and deploy their own React Native application using Create React Native App.
For an introductory course on React Native, please see: React Native: Rapidly develop native iOS and Android apps with Javascript
Audience
Web application developers
Format of the course
Part lecture, part discussion, heavy hands-on practice
Introduction
Installing Create React Native App
Creating an app
Working with scripts
Writing and running tests
Setting environment variables
Checking your Javascript code with Flow
Deploying your app
Ejecting from Create React Native App
Troubleshooting
Closing remarks |
|
protojsbs |
Prototyping using JavaScript and Bootstrap |
21小时 |
Day 1: Frontend with JavaScript and Bootstrap
Take a detailed look at HTML/CSS/JavaScript and the Bootstrap framework from Twitter.
Create small applications that run all in the browser without any backend code.
Day 2: Backend with node.js and MongoDB
Write a full featured web applications where multiple users can communicate and store state using a backend system. One way to do that with JavaScript is to use MongoDB and node.js.
Cover the REST pattern and implement and test simple REST components in JavaScript with node.js using the MongoDB database system as storage.
Day 3: Example
On day 3, we would put everything together and implement a real application in a workshop fashion, also looking into more topics around a full example:
github + git,
docker for building and shipping of code,
amazon ec2 for hosting.
|
|
reactvr |
React VR: Creating Virtual Reality apps with Javascript |
7小时 |
React VR is a framework that lets you build VR apps using only JavaScript. It combines modern APIs like WebGL and WebVR with the declarative power of React, producing 360 experiences that can be consumed through a web browser on a variety of devices.
In this instructor-led training, participants will have extensive opportunity for hands-on practice in developing VR applications. Through interactive discussions and project-based exercises, participants will steadily build their sample VR apps. By the end of this course, participants will have gained the knowledge and practice to build their own production version of a VR app to publish online.
Audience
Web developers
Game developers
Hobbyists looking to develop their first VR app
Format of the course
Part lecture, part discussion, heavy hands-on practice
Introduction
Overview of React VR concepts
Installing Node.js
Creating your first project
Configuring your project
Controlling component through props and state
Setting the layout and style in your app
3D Coordinates and Transforms
Handling input events
Rendering fonts and text in VR
Viewing your project on a mobile phone
Dealing with local storage
Grabbing information from the web to use in your VR application
Other React VR components
Using other APIs available in React VR
Publishing Your Project
Closing remarks |
|
ngandv |
AngularJS Advanced |
21小时 |
This course has been created for developers working with AngularJS, but who want to understand clearly best practises of using the framework. It doesn't cover the basics of angular but focuses on methods and styles of developing SPA usually not easy to learn "naturally" or via self-study.
This course usually runs on the latest stable release of Angular (1.x), but older or beta version can be covered on demand.
Super Short Introduction
Binding Variables
Build-in directives and their scope
Data entry
Scope and rootScope
Collections
Controllers
Services
Filters
Angular Patterns
Factories
Services
IoC
MVC in depth
Angular MVC
Fat controler vs fat model and consequences
Creating own controllers
Different ways of dependency injections
Minifying and consequences of using paramer names
Routing
Creating menus
Modifying url
HTML5 history object
Directive Development
creating own directives
managing associated controlers
creating own module with directives
animation controls in custom directives
REST Services
Using web services
Ajax
Animation
Angular and CSS3
ngAnimate
Mobile Design in Agnular
Responsible
Separate version fo mobile
Testing
Unit Testing
Available frameworks
Karma
Testing Controllers
Dependency Injection in testing
BDD Testing
Available frameworks
Jasmine
E2E (End to End Testing) testing
WebdriverJS
Protractor
Continous Integration with Angular
Bigger enviornment
Backend interactions with MEAN stack
Node.js
Express.js
MongoDB
Streaming with gulpjs
|
|
webpack |
Webpack: A modular approach to web application development |
7小时 |
Webpack is a JavaScript module bundler that enables developers to apply a modular approach to building large, single-page web applications. A powerful and important modern front-end development tool, Webpack is the go-to solution for getting all of your CSS and JavaScript files to act as one. Webpack plays well with front-end workflows such as Babel, ReactJS, and CommonJS.
In this training, participants will learn how to transform, bundle, and process JavaScript modules and other web assets with Webpack. The principles of modular web application development and its practical implementation are learned through discussion and live, hands-on practice.
By the end of the training, participants will have a thorough understanding of Webpack's features and capabilities, as well as the practice needed to implement Webpack into their own front-end development workflow.
Audience
Front-end developers
Web developers
Javascript programmers
Format of the course
Part lecture, part discussion, heavy hands-on practice
Introduction
Why Webpack?
The modern front-end workflow
Installing Webpack
Running a basic Webpack build
Defining the webpack.config file
Expanding the config file
Working with Webpack loaders, preloaders and plugins
Creating a start script
Implementing React with Webpack
Processing CSS, HTML and images with Webpack
Loading CSS
Transpiling Sass
Loading images
Processing HTML
Code splitting with Webpack
Setting up a Webpack server
Closing remarks |
|
jsajax |
Javascript And Ajax |
35小时 |
This course has been created for web site developers who want to understand and use Javascript and Ajax.
Browser and Document Objects
When to Use JavaScript
The Document Object Model
When a Document Loads
Object References
Node Terminology
Scripts and HTML Documents
Where Scripts Go into Documents
JavaScript Statements
When Script Statements Execute
Viewing Script Errors
Programming Fundamentals
Variables
Expressions and Evaluation
Data Type Conversions
Operators
Decisions and Loops
Control Structures
Functions
The String Object, Date Object, Array Object
The Regular Expression and RegExp Objects
Control Structures and Exception Handling
Debugging Scripts
Document Object Model Essentials
The Object Model Hierarchy
Object Properties, Methods, Event Handlers
The W3C DOM
Generic HTML Element Objects
Window and Frame Objects
Location and History Objects
The Document and Body Objects
The Form and Related Objects
Button Objects
Text-Related Form Objects
Select, Option and FileUpload Objects
Event Objects
Style Sheet and Style Objects
Functions and Custom Objects
Function Object
Function Application Notes
Creating Your Own Objects with Object-Oriented JavaScript
Object-Oriented Concepts
Creating Ajax Applications
What Can You Do with Ajax?
JavaScript's role
Interacting with Server-Side Code
Passing Data to Server-Side Scripts
Using Ajax with XML
Ajax in Depth
Working with Multiple Concurrent XMLHttpRequest Requests
Handling JavaScript Sent from the Server
Calling Another Domain in Ajax
Working with Ajax and Head Requests
Eliminate Caching
Introducing Ajax Frameworks
Using the Ajax Utility Library
Using libXmlRequest to Download XML
Using AJAXLib to Download XML
Majax, Sack, XHConn, uniAjax Framework
Using Server-Side Ajax Frameworks
XML and Ajax
Retrieving Data from an XML Document
Accessing XML Data Directly and Attributes Values
Validating your XML
Ajax And Security
Protecting Against Malicious Users
Looking at the Security Issues with Proxy Servers
Handling Security in Ajax Applications
Ajax And Web Implementations
Ajax And Validations
Ajax And Dynamic Loading
Ajax And Progress Bars
Ajax And Dynamic Tool tips
Ajax and Web Services
Ajax and Autocomplete
|
|
ionic2 |
Ionic2 |
14小时 |
This course introduced IonicShort refresher
HTML5
Javascript
NodeJS
Angular2
mobile hybrid architecture
Ionic2
Single page template
Multi-page template
Tabs components
Ionic API
Theming
SCSS support
third-party integration
Deployment
Release management
Unit testing
User Testing
|
|
meanangular2 |
Angular 2: Building Web Apps using the MEAN stack |
35小时 |
MEAN stack is a full-stack JavaScript solution that helps you write and deploy scalable, robust, and maintainable web applications quickly and easily using MongoDB, Express, Angular, and Node.js.
By the end of this hands-on intensive training course, the students will be able to:
Store the data in NoSQL, document-oriented MongoDB database that brings performance and scalability.
Use Node.js, the server-side platform built on Google V8’s runtime for building fast, scalable network applications.
Use Express, a simple yet powerful web application development HTTP server framework built on top of Node.js.
Use Angular 2 framework that offers declarative, two-way data binding for web applications.
Take advantage of the ‘full-stack JavaScript’ paradigm i.e. store documents in JSON-like format in MongoDB, author JSON queries in Node.js/Express.js, and forward these JSON documents back to an Angular-based frontend.
Get acquainted with the latest web application development trends in the IT industry.
Notes:
Angular is available in different versions, for example:
AngularJS ( a.k.a. Angular.js, AngularJS 1, and Angular 1)
Angular 2
Angular 4
etc.
This training covers Angular 2.
For all other components (Node.js, Express, MongDB) we cover the latest stable version.
If you wish to customize the versions taught in this training, please contact us to arrange.
Node.js
Getting started with Node.js
Node Package Manager
Modules
Asynchronous Programming
Callbacks
Events
Streams
Web Sockets
Angular 2
Overview of Typescript
Angular Architecture
Modules, Controllers and Scope
Views
Two-way Binding
Built-in and Custom Directives
Event Directives
Expressions
Built-in and Custom Filters
Understanding the Digest Loop
Forms and Validation
Angular 2 Service Types
Factories, Providers, Decorators, DI
Creating Custom Services
Consuming Ajax Web Services via $http and $resource
Routing, Redirects, and Promises
Express.js
MVC Pattern
Introduction to Express
Routing
HTTP Interaction
Handling Form Data
Handling Query Parameters
Cookies and Sessions
User Authentication
Error Handling
Creating and Consuming RESTful Services
Using Templates
MongoDB
Understanding NoSQL MongoDB
Finding Documents
Update, Insert, and Upsert
Indexing
Data Modeling
Aggregation
|
|
jquery |
jQuery |
14小时 |
This course has been created for web developers who want to simplify JavaScript development.
This course covers the basics of jQuery all the way up to building plugins.
jQuery Background
History
Further development
jQuery versions, development and compressed
Preparing environment to support auto-completion and help
Simplify JavaScript development with jQuery
jQuery structure and components
Core
Selectors
Attributes
Traversing
Manipulation
Effects
Ajax
XMLHttpRequest object
using HTTP GET, POST
Using JSON objects
jQuery Events
Binding and unbinding events
Convenient event helper methods
jQuery event object
Event features
Plugins
Finding a plugin
How to use jQuery plugins
How to minimize the size of the plugins
jQueryUI
|
|
krakenjs |
Extending Express with Kraken JS |
14小时 |
Kraken is a secure and scalable layer that extends express by providing structure and convention.
Audience
This course targets front end web developers and engineers seeking to utilize Kraken JS with their Node JS express web app.
Getting started
The Kraken Suite
Lusca
Kappa
Makara
Adaro
Structure of a Project
Configuration
Security
Routes
Models
Templates
Localization
Grunt tasks
Examples
Recommended patterns |
|
ionic1angular1 |
Ionic1: Build a mobile app with Ionic 1 and Angular 1 |
14小时 |
Ionic is a front-end SDK for building cross-platform mobile apps. It serves as a framework, not unlike Bootstrap or Foundation, but for mobile applications.
In this instructor-led, live training participants will learn how to create a mobile app using the Ionic framework, Angular, Cordova and PhoneGap App.
By the end of this training, participants will be able to
Build and deploy mobile app for Android and iOS
Use Phonegap App instead of platform SDKs to target different platforms
Audience
Javascript (JS) developers
Front-end developers
AnguarJS developers
Mobile application developers
Format of the course
Part lecture, part discussion, exercises and heavy hands-on practice
Note: This training covers Ionic 1.0 and Angular 1.0 (a.k.a. AngularJS, Angular.js) for training on Ionic 2.0 and Angular 2.0, please see: TBD
Introduction
Angular as an enabler of single page applications (SPA)
Architectural overview
HTML5, NodeJS and Javascript, CSS, Cordova, and PhoneGap
Model View Controller (MVC) development
Preparing your development environment
Installation and setup
Creating a project
A sample application
Configuring your target platform
Setting up your files and structure
Local Storage
Main Controller
View
Setting up PhoneGap App
Building the app
Deploying your app
Exploring other Ionic features
Push notifications, analytics, marketing and other paid services
Troubleshooting
Closing remarks |
|
as3 |
ActionScript 3.0 Programming |
21小时 |
This course deals with developing graphical parts of a web application using ActionScript. The participants will learn how to use the powerful features of the new ActionScript 3.0, programming with object oriented, managing the interactivity part of the application and using the API to display graphics.
Core Concepts
Datatypes and type checking
Conditional and loops
Instance members, static members and functions
Inheritance and Interfaces
Managing Arrays
Exceptions and Error Handling
Interactivity
The Display API and the Display List
Events and Display Hierarchies
Interactivity with mouse, focus, keyboard, .. events
How to manage screen updates
Scheduled and post-event screen updates
Animation with code
The ENTER_FRAME and TIMER event
Display
Drawing with vectors
Drawing lines, curves, shapes
Programming with bitmap
The BitmapData and Bitmap Classes
Creating and loading a bitmap image
Applying filters and effects
Creating and displaying text
Loading External Display Asset
Applied ActionScript
ActionScript and the Flash Authoring Tool
Symbols and instances
Linked classes for movie clip symbols
Accessing created symbol instances
Programmatic timeline control
Preloading classes
Distributing a class library as a .swc file
Distributing a class library as a .swf file
|
|
AJS-GP |
AngularJS Good Practices |
14小时 |
Angular Bespoke Course Outline
This agenda can be adjusted or extended.
This course is usually for javascript developers with some angularjs basic experience, who want to learn best angularjs practices and also to do their angular applications in better and more organized way.
Avoiding major pitfalls of scaling an AngularJS app
Proper MVC directory structure
Writing Modules in a smarter way
Keeping the names consistent
Modularize the Header, Footer, Routes
Dependency injection and minifying the code
Global dependencies
Not-overusing Controllers
Syntax of 'controllerAs'
Using 'bindToController' in our Directives
Making 'ng-click' conditional
Factory vs Service
All providers are singletons
Utilizing browser extensions (Batarang, etc)
To many watchers and performance issues
Scoping
Write-only in the controllers
Read-only in the templates
Object in the scope instead of properties
Avoiding to shadow property of the parent '$scope'
Prototypical inheritance
Keeping scope uncluttered
How to talk with sibling objects
One-Time Binding
Not-manual testing
ngMock module
Protractor
e2e tests with Jasmine '
$digest' cycles
Karma
How to easly close the feedback loop
Run tests in parallel across different browsers
Real world usage scenarios with different devices
Not-using jQuery
Change the way of thinking
Proper deploying
Facade to interact with servers
Separation of server interaction and error handling from the model
Business logic in models
Configure providers before they are injected
Proper use of '$scope.$emit()' and '$scope.$broadcast'
Automating our workflow
yo, grunt, bower
Use case with cordova
Angular 1 vs Angular 2
Differences and similarities
Three ways: typescript, pure js, dart
Good practices in Angular 2
Upgrading from version 1
|
|
Ionic2Angular2 |
Ionic2: Building native-like, cross-platform mobile apps with Ionic2 and Angular2 |
14小时 |
Ionic is a front-end SDK for building native-like mobile applications across multiple platforms. It serves as a framework, not unlike Bootstrap or Foundation, but for mobile applications.
In this instructor-led, live training participants will learn how to create a cross-platform, native-like mobile app using the Ionic framework.
By the end of this training, participants will be able to
Create and deploy app-store-ready mobile applications for Android and iOS
Understand and employ Ionic syntax and Angular's Typescript
Extend the application's feel and functionality with Ionic Native
Audience
Javascript (JS) developers
Front-end developers
AnguarJS developers
Mobile application developers
Format of the course
Part lecture, part discussion, exercises and heavy hands-on practice
Note: This training covers Ionic 2.0 and Angular 2.0. For training on Ionic 4.0 and Angular 4.0, please see: TBD
Introduction
Angular as an enabler of single page applications (SPA)
Architectural overview
HTML5, Javascript, NodeJS, CSS, and Cordova
Model View Controller (MVC) development
Preparing your development environment
Installation and setup
Overview of Ionic2 syntax
Overview of Angular2 and Typescript
Creating a project
Building your first app
Styling your app
Making your app more native with Ionic Native
Testing your application
Deploying your app
Troubleshooting
Extending the functionality of your Ionic app
Integrating your Ionic application with third-party applications and services
Joining the Ionic and Angular community
Closing remarks |
|
jqueryadv |
jQuery Advanced |
14小时 |
This course has been created for web developers who want to master jQuery development, develop their own libraries and build a reusable jQuery code.
Javascript and OOP
Chaining
Objects and Prototypes
Optimization
Dynamic properties and methods
jQuery structure and components
Core
Selectors
Attributes
Traversing
Manipulation
Effects
Ajax
XMLHttpRequest object
using HTTP GET, POST
Using JSON objects
jQuery Events
Binding and unbinding events
Convenient event helper methods
jQuery event object
Event features
Event propagation
Plugins
Writing own plugins
|
|
ang2 |
Angular 2 Fundamentals |
21小时 |
Angular 2 is a new development platform for building mobile and desktop web applications.
Introduction to Angular 2
Bootstrap Angular 2 app
Components in Angular 2
Angular CLI
Introduction to TypeScript
Types, Functions, Lambdas
Classes, Interfaces, Decorators, Modules
Component Based Development
Develop custom components
Component Tree
Advanced Components
Directives and Pipes
Attributes directives and Structural directives
Pipes
Building blocks
Immutable.js
Observables
Dependency Injection
Forms
Template Driven Forms
Form Builder
REST and State Management
HTTP API
RxJS
Redux and Ngrx
Routing
Routes in Angular 2
Migrating from Angular 1.x to Angular 2
Migration Steps
Choosing a path
ng-forward and ng-upgrade
Unit Testing
Testing Components
Testing Services
|
|
gwt |
GWT: Write Ajax web applications in Java, deploy as Javascript |
28小时 |
Google Web Toolkit (GWT or GWT Web Toolkit) is a set of open-source tools for building, optimizing and maintaining complex JavaScript browser-based applications in Java. GWT is used by many products at Google, including Google AdWords and Google Wallet.
In this instructor-led, live training, participants will learn the GWT programming concepts needed to get a web application up and running.
By the end of this training, participants will be able to
Write client-side AJAX applications in Java and deploy them as JavaScript across multiple browsers (desktop, Android, iPhone, etc.)
Develop a high-performance web application while overcoming the idiosyncrasies of browser behavior, XMLHttpRequest, and JavaScript
Understand and overcome the challenges of Ajax programming
Use GWT's tools to optimize a web application
Audience
Front-end web developers
Format of the course
Part lecture, part discussion, exercises and heavy hands-on practice
To request a customized course outline for this training, please contact us.
|
|
jsadv |
JavaScript - Advanced Programming |
14小时 |
The training is designed for JavaScript developers, designing and implementing advanced Internet applications. Topics discussed during the training aimed at bringing best practices in JavaScript programming and highlight the most common mistakes. An important point of the training is to discuss the available object-oriented programming with JavaScript syntax.
JavaScript - object orientation
Creating classes and objects
The most important pre-defined objects
Prototyping and constructors
Encapsulation
polymorphism
Inheritance
Aggregation
Design Patterns
Singleton
Factory
Observer
Factory
Decorator
Strategy
Advanced JavaScript programming patterns
Self-timer features
Create an alias objects
Namespaces
module Pattern
Switching Libraries "on demand"
Basics of designing your own library
AJAX
Fundamentals of asynchronous communication
The XMLHttpRequest object
JSON
And server response error handling
JSONP
|
|
react |
React: Build highly-interactive web applications |
21小时 |
React is an open source Javascript library that can be used to create interactive web and mobile applications. It is often compared to MVC frameworks such as Angular, Ember and Backbone, however, React is distinct in its focus on the UI of the application (the View in MVC). Its unique approach to rendering highly interactive UIs is both powerful and liberating and has led to React's popularity.
In this training we demonstrate React's power and flexibility, compare it to alternative frameworks, and walk participants step-by-step through the creation of their own application.
By the end of this course, participants will have a solid understanding of React's design philosophy and be in a position to decide when and where it makes sense to use React and when to rethink the conventional MVC model. With an emphasis on hands-on practice and the completion of a real application, this training will be invaluable to web application developers wishing to use React to boost their productivity and value.
Audience
Front-end developers
Web developers
Javascript programmers
Format of the course
Overview of React's features and capabilities along with step-by-step development of a web application.
Introduction
Design principles behind React
Setting up your development environment
How components work in React
The component life cycle
Building your first component
Handling state in React
Defining your components' parent/child relationships
Event handling and conditional rendering
Container vs Presentational Components
Testing your React web application
Integrating React with other frameworks and plugins
Bringing it all together -- your own app
Closing remarks
|
|
angular4adv |
Angular 4: Advanced |
21小时 |
Angular 4 (previous versions referred to as Angular.js, AngularJS, AngularJS 1, Angular 1, Angular 2, etc.) is a JavaScript-based front-end web application framework for developing single-page applications.
In this instructor-led, live training, participants will learn the advanced features of Angular 4 by stepping through the process of upgrading, developing, testing and deploying an in-lab web application.
By the end of this training, participants will be able to
Upgrade an AngularJS application to Angular 4
Create, build, debug and deploy their Angular 4
Unit test their Angular 4 application
Audience
Web developers with some Angular experience
Format of the course
Part lecture, part discussion, exercises and heavy hands-on practice
To request a customized course outline for this training, please contact us.
|
|
3627 |
Introduction to Programming |
35小时 |
The purpose of the training is to provide a basis for programming from the ground up to the general syntax of programming paradigms. The training is supported by examples based on programming languages such as C, Java, Python, Scala, C #, Closure and JavaScript. During the training, participants gain a general understanding of both the programming patterns, best practices, commonly used design and review of the implementation of these topics through various platforms. Each of the issues discussed during the course are illustrated with examples of both the most basic and more advanced and based on real problems.
Introduction
What is programming and why should devote his attention
History of programming
Opportunity to automate tasks using the software
The role of the programmer and the computer in the enterprise
Programming today the development of the current market trends
Declarative and imperative programming. How or What?
Turing machine
Consolidation, compilation and interpretation "on the fly".
Reminder issues of logic and Boolean algebra
predicates
logical sentences
tautologies
Boolean algebra
The first program
structurally
functionally
object
And how else?
Simple types
Representation of strings
Integers
Floating-point numbers
Boolean
Type Null
A blank or Uninitialized
Strong and weak typing
Data structures
Concepts FIFO and FILO
Stacks
Queues
Declaring arrays and lists
Indexing
Maps
Records
Trees
Operators
Assignment Operators.
Arithmetic operators.
comparison Operators
And a comparison of the values in different languages
Bitwise
Concatenation
Increment and decrement operators
The most common errors
Controlling the program
The if, if else instructions
Goto instructions, discuss the problems of application.
The switch
The for loop, for-in
The while loop, do-while
foreach loop
Stopping loop
Creating a reusable code
Functional Programming
Object-Oriented Programming
Functional programming paradigms
What is the function of
Function and procedure
Fundamentals of lambda calculus
Function Arguments
Returning values
Functions as arguments
Anonymous functions
Closures
Recursion
The paradigms of object-oriented programming
Representation of entities from the real world entities in philosophy, ontology
Deciding what you want to object, or other types of
Declaration of classes
Creating instances of classes
Fields, a state of the object
Methods, as the behavior of an object
abstraction
Encapsulation
Inheritance
polymorphism
Association and aggregation
Delegation and separation of relationships between objects
Modules, packages and libraries
Sharing API
The modeling of the system as classes and objects
Describing and programming relationships between classes
Program from a business perspective
Good programming practice
Pitfalls and common errors
High-level code in the interpretation of low-level
Code optimization
KISS principle
DRY principle
Principle Worse is Better
Separation abstraction of implementation
Methods of error detection logic programs
Conventions godowania
Commenting the code
Software Metrics
Overview of these technologies and languages
The area of application of these languages
The main features of language
Prospects for development
The future direction of development: algorithmic, optimization of code, implementing patterns, design patterns, architectural patterns, analytical standards
Reduction of the control structure - the use of artificial intelligence and automated decision-making
Which platform to choose? Individual consultations
|
|
WebAssembly |
Beyond Javascript: build fast, lean websites with WebAssembly |
21小时 |
For the last 20 years, Javascript has been the de-facto standard for in-browser, client-side scripting. WebAssembly represents a new direction. Built into the browser, this binary format will allow developers to compile and execute code written in any language from within the browser. WebAssembly is portable, small and efficient. It enables fast loading times and can run on existing Javascript platforms by translating its binary code to asm.js. More importantly, WebAssembly paves the way for executing newer, more intensive applications such as virtual reality and high-end gaming, to name a few, from within browser.
In this course, we cover the evolution of web programming, the state of things today, and what can be done with the advent and release of WebAssembly. The course will be both explanatory and practical, providing the essential theory and walking participants through the creation of their own WebAssembly program.
Audience
Web developers
C and C++ developers
Format of the course
Course will be hands-on and tasked-based
C and C++ will be used for exercises
Introduction: From Javascript to asm.js to WebAssembly
Antomy of a WebAssembly "program"
Representing byte code with Abstract Syntax Trees (AST)
Writing your first WebAssembly module
Compiling a program to WebAssembly
WebAssembly tooling: Editors, Compilers, and Debuggers
Future applications for WebAssembly
Closing remarks |
|
ionic3 |
Ionic3: Building cross-platform mobile apps with Ionic3 and Angular4 |
7小时 |
Ionic is a front-end SDK for building native-like mobile applications across multiple platforms. It serves as a framework, not unlike Bootstrap or Foundation, but for mobile applications.
In this instructor-led, live training, participants will build and deploy a number of applications to implement some of the new features in Ionic 3 and Angular 4.
By the end of this training, participants will be able to
Upgrade from Ionic2 and Angular2 to Ionic3 and Angular4
Build an Ionic 3 and Angular 4 mobile app with lazy loading
Integrate location services into an Ionic3 and Angular4 mobile app
Create a multi-level accordion menu with dynamic data
Set up an authentication service for an Ionic3 and Angular4 mobile app
Consume a REST API using the new Angular 4.3 HttpClient
Audience
Javascript (JS) developers
Front-end developers
AnguarJS developers
Mobile application developers
Format of the course
Part lecture, part discussion, exercises and heavy hands-on practice
To request a customized course outline for this training, please contact us.
|
|
restapi |
REST API - a pattern of exchange of information between sites |
14小时 |
The course is designed for developers, web applications, aims to provide opportunities offered by the REST architectural pattern by which you can communicate between sites.
REST - base
The need for the exchange of information between sites
HTTP POST / GET / PUT / DELETE
Services such MushUp and popular applications
Services using REST
Conventions Rest
Mapping CRUD operations on HTTP calls
Conventions API URL structure
Passing Parameters
Return Values
HTTP statuses
JSON - a universal format for the exchange of information
API services
Examples of the popular API
RESTful frameworks
Create a REST API - Server
Gathering requirements and identify functionality
Design and API documentation
Installing the required libraries
Business Object - mapping the class
Controller methods
Representation of a business object as JSON
HTTP Headers - as metadata
Testing the API using cURL
Authentication mechanisms
|
|
typescript |
Typescript |
7小时 |
TypeScript is an open source language for building enterprise Javascript applications. It is a strict superset of JavaScript that compiles to plain Javascript and brings static typing and object-oriented development to the language.
This course introduces TypeScript's key features and walks participants through the construction of a real-life JavaScript application.
Audience
Web application developers / programmers
Format of the course
Part lecture, part discussion, exercises and heavy hands-on practice
Introduction
Installing TypeScript
Preparing a TypeScript project
Understanding Typing, Variables, and Functions
Working with Classes and Interfaces
Organizing your code with Namespaces
Reusing code through Modules
Compiling, testing and running TypeScript
Debugging TypeScript
Launching your application
Closing remarks
|
|
angulartesting |
Angular: Testing your Angular applications |
14小时 |
In this instructor-led, live training, participants will learn how to write and maintain tests for Angular applications.
By the end of this training, participants will be able to
Decide the most appropriate strategy for testing an Angular application
Carry out unit testing, component testing, A/B testing and end-to-end on an Angular application
Choose the right tools for the job: Jasmine, Karma, Protractor, Mocha, etc.
Write tests in Protractor and Jasmine
Run and debug tests with Karma and Protractor
Create a maintainable test suite
Employ best practices for unit testing in Angular
Audience
Testers
Developers
Format of the course
Part lecture, part discussion, exercises and heavy hands-on practice
Note
Angular goes by different names and versions, namely: Angular.js, AngularJS, AngularJS 1, Angular 1, Angular 2, etc. To customize the version used in this training, please contact us to arrange.
To request a customized course outline for this training, please contact us. |
|
jsjqmvc |
Javascript / jQuery - MVC frameworks / MVVM and multilayer applications on the client side |
7小时 |
The training is designed for JavaScript developers, designing and implementing advanced Internet applications. Topics discussed during the training aims to provide the advantages of separation-related software layers, not only on the server side but also on the side of your browser.
The idea of decomposition systems
OOP - the main ideas
The need for system decomposition
Profit from multi-tier architecture
MVC i MVVM
Fusing objects using JavaScript, the feasibility of
Controller and Presenter
Model! = DBMS
Model and DDD
Tasks view
Documentation
EmberJS
BackboneJS
Create a simple MVC application
|
|
reactnative |
React Native: Rapidly develop native iOS and Android apps with Javascript |
21小时 |
React Native is an open-source, cross-platform development framework for building mobile apps. Developed by Facebook, it enables developers to create a native look-and-feel experience for their apps on both Android and iOS. Unlike other cross-platform mobile development tools such as PhoneGap, React Native generates fully-native application UIs. No HTML5 UIs.
React Native provides a consistent developer experience based on JavaScript and the React (aka React.js or ReactJS) library and enables true rapid mobile development by focusing on developer efficiency across all platforms -- learn once, write anywhere.
In this course, participants learn the principles and approach behind React Native as they take on the development of their own mobile application for Android and iOS.
Audience
Mobile application developers
Format of the course
Overview of React Native features and capabilities along with step-by-step development of a mobile application.
Introduction to React Native
React Native vs React
React Native vs PhoneGap, Titanium, etc.
React Native developer tools
Setting up DevTools
Building your first application
Working with Components
Working with Styles
Using platform APIs
Fetch API and networking
Using Redux for state management
Working with Modules
Architecting for multiple platforms
Testing your application
Debugging your application
Optimizing the performance of your application
Deploying your application to the iOS App Store
Deploying your Android application |
|
jvbsc |
Javascript Basics |
14小时 |
Introduction to JavaScript
History, implementations, versions
Embedding code in an HTML document
Syntax
Keywords and reserved
Variables
Data types
Operators
Control statements
Function
Memory management
Reference types
Types wrapper
Array
Date
RegExp
Math
Function
Object-Oriented Programming
Creating Objects
Inheritance
Anonymous functions
Recursion
Closures
Private elements
Browser Object Model
Objects: window, location, navigator, screen, history
Counters time
Detecting the type of customer
Document Object Model
Hierarchy DOM
Access and modify elements
Events
Types of events
Handling events
Propagation
The event object
Software generation of events
Memory and Performance
Service forms from JavaScript
Emergencies and debugging
Reporting and Exception Handling
Techniques and tools for debugging
Typical mistakes IE
|
Client Testimonials 
