Tag: Javascript

Introduction

• Javascript and the world of frameworks
• Vue.js vs Angular

Overview of Vue JS

• Declarative rendering
• Component composition
• Hot-reloading
• Time-travel debugging

Crash Course in Javascript

• Syntax, data structures and operators, conditionals, etc.
• Creating a simple Javascript application using Javascript, HTML and CSS.

Getting Started Vue JS

• Setting up a development environment
• Installing Node.js and Vue.js

Creating Your First Application

• Working with Templates
• Methods and computed properties
• Routing

Interacting with the Application

• Directives and data rendering
• Applying transitions
• Managing state

Enhancing the Application

• Dividing the application into smaller, self-contained components
• Creating animations
• Refactoring components

Testing Your application

• Debugging and performance

Deploying Your Application

• Building the Application
• Uploading Your Code to a Web Server
• Automating the build process using Vue-CLI, etc.

Troubleshooting

Summary and Conclusion

Overview

Reactive programing is an asynchronous programing paradigm that focuses on data streams and the propagation of data by establishing a defined dependency between the underlying execution models and the emitted data streams from one component to another. RxJS is one of the most comprehensive reactive programing libraries for managing UI events, asynchronous HTTP requests, and other data streams.

In this instructor-led, live training, participants will become familiar with RxJS’s tools and functions as they apply them to a variety of coding problems associated with interactive-heavy based mobile and web apps. Participants will also learn how to create and deploy a UI heavy web app.

By the end of this training, participants will be able to:

• Understand the reactive programing paradigm and its usefulness for UI heavy application development.
• Build UI heavy applications with scalability, flexibility, and responsiveness in mind.
• Easily and freely create and manage a multitude of UI events, asynchronous HTTP requests, and other data streams.

Format of the Course

• Interactive lecture and discussion.
• Lots of exercises and practice.
• Hands-on implementation in a live-lab environment.

Course Customization Options

• To request a customized training for this course, please contact us to arrange.

Course Outline

To request a customized course outline for this training, please contact us.

Overview

ReactiveX is a comprehensive library for creating asynchronous data streams using observable sequences. It enables developers to take advantage of observable streams and their ability to capture emitted events and execute functions accordingly.

This instructor-led, live training introduces participants to ReactiveX’s comprehensive library for developing responsive applications and walks participants through a series of cases, demonstrating the usefulness and functionality of key features of ReactiveX.

By the end of this training, participants will be able to:

• Understand the reactive programing paradigm and the functionality of observables and their common use when developing UI heavy applications
• Successfully setup an environment for ReactiveX
• Create observable events form a multitude of varying items
• Apply ReactiveX’s transforming and filtering functions

Audience

• Developers

Format of the course

• Part lecture, part discussion, exercises and heavy hands-on practice

Course Outline

To request a customized course outline for this training, please contact us.

• 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
• Summary and Conclusion

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.

1. Writing your rules
   1. Available rule engines
   2. Stating rules decoratively
   3. Extending rules
2. Create unit tests for the rules
   1. Available test frameworks
   2. Running tests automatically
3. Creating GUI for the rules
   1. Available frameworks
   2. GUI design principles
4. Integrating logic with the GUI
   1. Running rules in the browser
   2. Ajax
   3. Decision tables
5. Create functional tests for the GUI
   1. Available frameworks
   2. Testing against multiple browsers

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

Using HTML to create Web pages

• Inserting and formatting text on the website
  • The main elements of a web page text
  • The header and content of the page
  • The titles of sections
  • Separators
• Placing images on the website
  • Graphic files: PNG, JPEG / JPG, GIF
• Making calls on websites
  • Links / Hyperlinks
  • Insert Hyperlink
  • File sharing via the web
  • Automatic creation of an e-mail
  • Change the display of links
  • Using graphics as hyperlinks / link
• Use tables to build websites
• The development of the forms on the website
• Develop a web page using frames

Use CSS to create web pages

• Construction and structure of the style
• Putting styles in the document
  • Settings for all parties (including font sizes and background color of the letter)
• Define the font and text with styles
  • Formatting paragraphs and titles
  • Indentation, and line spacing
  • Centered and change the background color of titles
  • The use of small caps or caps
• Defining color, background, spacing and margins by using styles
  • Borders and frames for various page elements
• Defining the borders, scrollbars, and display using styles
• Define positioning elements and units with styles
• Defining tables and prints with styles
• Defining selectors using classes and IDs

JavaScript

• 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

PHP

• PHP syntax
  • operators, variables
  • basic functions, File operations, strings and arrays
• Data structures
  • associative arrays
  • session variables, form, url, cookie
• Object-Oriented Programming in PHP
  • Classes, constructors, inheritance
  • Object-oriented features

Duration

7 hours (usually 1 day including breaks)

Requirements

• Web development experience
• Experience with Javascript, CSS and HTML

Overview

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.

Course Outline

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

Learn how to test a React web app using different types to tests

E2E UI tests with Cypress 10

Visual testing Cypress 10 and Happo

Performance and accessibility testing

Requirements

• Knowledge in JavaScript

Description

Have you ever wondered what goes into web app testing? What does it mean to test your web apps and how does it relate to the code you write and maintain? If you find yourself with these questions, worry no longer!

In this tutorial, we’ll learn some of the latest tools and techniques to improve your ability to test modern web applications with JavaScript.

Also, we will learn to analyze risk and how to prevent risks with end-to-end testing, component testing and GitHub actions.

Ready to start? Check out the full curriculum and jump into the tutorial.

What our students are saying?

“I appreciate the time the instructor put on this course as well as the opportunity to get familiar with TestProject free of charge. Well explained, however, if you are using Windows and you are new in Automation Testing, you might find it a bit challenging with adding the SDK Token in your system environment since the instruction used MAC which is completely a different way with windows. Other than that… I appreciate a lot this free course …. thank you so much”

“I like the fundamental approach used by the author. Will see:) To prepare for such a course – it’s a really hard and big job. Respect and thank you.” – Serhii Kovalenko

“Wonderful content and things explained in a nutshell. Overwhelmed by Author’s dedication to putting things in such a way that any novice or manual tester can follow and understand and definitely be on-boarded as a Selenium Automation Engineer the next day at work. Thanks a million times for creating these courses! One Stop for Automation.”- Rupashree Geethaaviji Ananthakrishna

“I am familiar with Nikolay from a course I saw on TestAutomation and have the highest regard for him. Glad to see him on Udemy.” – Annamalai Viswanathan

Who this course is for:

• Intermediate developers looking to learn how to execute web testing with JavaScript

Course content

11 sections • 25 lectures • 1h 0m total lengthExpand all sections

Introduction1 lecture • 1min

• Introduction00:52

Setting Up Your Environment1 lecture • 5min

• Gitpod Setup04:54

E2E UI Testing with Cypress2 lectures • 3min

• E2E Browser Test01:13
• Software Under Test and Test Strategy01:45

Exercises and Solutions6 lectures • 13min

• Code A Cypress Test That Opens An App Exercise01:11
• Code A Cypress Test That Opens An App Solution02:39
• Exercise Code A Test To Ensure The Link Will Go To The Correct Location00:46
• Solution Code A Test To Ensure The Link Will Go To The Correct Location05:47
• Exercise Write A Functional UI Test & Link Validation That Opens In A New Tab00:44
• Solution Write A Functional UI Test & Link Validation That Opens In A New Tab01:29

Additional Information3 lectures • 6min

• What are some challenges of functional UI tests?01:50
• Can we test the same thing more efficiently?01:22
• What Risks Remain In Our Web App?02:25

Summary1 lecture • 1min

• Web Testing with JavaScipt Part 1 Summary00:32

Visual E2E Testing4 lectures • 15min

• Visual E2E Testing and Its Advantages01:52
• Set Up A Visual Test02:05
• Set Up Cross-Platform and Cross-Browser Visual Tests07:58
• Visual Gotchas03:04

Summary1 lecture • 1min

• Web Testing with JavaScipt Part 2 Summary00:33

Visual Gotchas Exercise and Solution2 lectures • 10min

• Visual Gotchas Exercise00:24
• Visual Gotchas Solution09:15

Performance and Aaccessibility Testing2 lectures • 7min

• Performance and Accessibility Testing Exercise00:41
• Performance and Accessibility Testing Solution06:43

Conclusion2 lectures • 1min

• Conclusion00:37
• Bonus Lecture00:16