|
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
|
|
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 |
|
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
|
|
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
|
|
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
|
|
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 |
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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 |
|
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
|
|
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.
Audience
Web application developers / programmers
Format of the course
This course introduces TypeScript's key features and walks participants through the construction of a real-life JavaScript application.
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
|
|
66427 |
Bespoke Javascript |
21小时 |
Understanding JavaScript
Server-side vs. Client Side
Basics of OOP
JavaScript Behaviour
Dot Syntax
Understanding Properties & Methods
Document Object Model
Unobtrusive Scripting
The Language
Event Handlers
Values & Variables
Assignments
Operators
Comparisons
JavaScript Fundamentals
Writing text
Working with functions
Internal, Head & External JS
Commenting in JS
Alert Windows
Confirming user choice
If/else statements
Prompting the User
Redirects through a link
JavaScript enhanced links
Working with Referrer pages
Building a Web App
Designing a Bingo Card
Looping & Do/While Loops
Passing values to functions
Object Detection
Working with Arrays
Updating Arrays
Using the random() method
Working with functions that return values
Multi-level Conditionals
Error-Handling
Working with Images
Creating a Rollover
Creating more effective rollovers
Understanding the DOM
Building Objects in OOP
Form Handling
Select & Go Navigation
Accessibility & JavaScript
Changing Menus Dynamically
Making fields required
Making your pages dynamic
Placing the current date
Working with a dynamic timer
Updating the seconds dynamically
jQuery Introduction
Introduction to JQuery
Downloading and implementing the latest version ofJQuery
Enabling JQuery
Using the basic features
Identifying page content
CSS selectors with JQuery
Filtering content
Applying attribute filters
Traversing the DOM
Statement chaining,
Editing page content
Creating and editing content viaJQuery
Modifying html attributes
Working directly with CSS
Creating JQuery interaction
Understanding event handlers
Binding JQuery event handlers
Event helper methods
JQuery event objects
JQuery Animation and effects
Hiding and showing content
Fading content
Moving content
Building custom animations
The jQuery UI plug-in
Downloading/installing the JQuery UI
Working with JQuery widgets
Adding JQuery effects
Creating custom UI themes
Manipulating the Document Object Model (DOM)
Creating, reading, updating and deleting web page markup
Targeting elements by ID, tag name and class name
Modifying presentational CSS for dynamic HTML effects
Handling events
Adding and removing event handlers unobtrusively
Inspecting event object properties
Preventing default browser actions
Minimizing handlers with event delegation
Interacting with the browser and user
Responding to users' actions
Gathering information
Managing errors
Assisting users to ensure data validity
Validating without JavaScript
Implementing dynamic select menus
Preventing forms from submitting with enhanced validation
Customizing validation error messages
Validating data on the client side
Matching data patterns with regular expressions
Form vs. field validation
Invoking server-side business logic
Updating pages asynchronously with Ajax
Improving data exchange efficiency
Creating a reusable Ajax method and adding it to a custom library
Processing the server response
Performing Ajax functionality with a library
Exploiting third-party libraries
Tapping into the power of client libraries
Decreasing time-to-market with code reuse
Improving delivery performance with a Content Delivery Network (CDN)
Avoiding conflicts between libraries
|
|
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 |
|
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 |
|
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 |
|
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 |
14小时 |
Angular 4 (previous versions commonly referred to as Angular 2, Angular.js, AngularJS, etc.) is a JavaScript-based open-source 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
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
Angular coding and architecture best practices
Conclusion |
|
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 |
|
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 |
