LEARNFAST CMS

Course Name

CRM Qualification Value

Netsuite Product

Course Level

None Beginner Intermediate Advanced

Show Page Title

Yes, Show the page title No, Hide the page title

Header Block

Information Block Contact Form Block

Background Fill

Yes No

Publish

Learning Methods

Instructor-Led Classes Mentored Learning Distance Learning

Instructor-Led Classes

Online learning

Title

Title Background color

Block Colour

Dashboard Image

Category

External link

Accreditation

Promo

Accredited by
Credit Details

Full Time Fee Part Time Fee Online Cost Cost Terms

Registration Fee Laptop Cost Laptop Registration Fees

Core Spec Med Spec High Spec

Laptop Terms

Terms

Installments

2M 3M 6M 9M 12M 18M 24M Early Bird Discount 10%

Page Title

Price Description

Payment Terms

Overview

<p><span style="font-size:14px;"><span style="font-family:segoe ui;">This course provides an introduction to <strong>HTML5, CSS3</strong>, and <strong>JavaScript</strong>. This course helps students gain basic HTML5/CSS3/JavaScript programming skills. This course is an entry point into both the Web application and Windows Store apps training paths. The course focuses on using HTML5/CSS3/JavaScript to implement programming logic, define and use variables, <strong>perform looping</strong> and <strong>branching</strong>, <strong>develop user interfaces, capture and validate user input, store data</strong>, and <strong>create well-structured application.</strong></span></span></p>

<p><span style="font-size:14px;"><span style="font-family:segoe ui;">The lab scenarios in this course are selected to support and demonstrate the structure of various application scenarios. They are intended to focus on the <strong>principles and coding components/structures</strong> that are used to establish an HTML5 software application.</span></span></p>

<p><span style="font-size:14px;"><span style="font-family:segoe ui;"><strong>Features & Benefits</strong></span></span></p>

<ul>
	<li><span style="font-size:14px;"><span style="font-family:segoe ui;"> This is an authorised<strong> Microsoft Official Course (MOC). </strong></span></span></li>
</ul>

<ul>
	<li><span style="font-size:14px;"><span style="font-family:segoe ui;">Attendees will learn <strong>practical skills</strong> which can be applied in the work environment. </span></span></li>
	<li><span style="font-size:14px;"><span style="font-family:segoe ui;">Even though Microsoft retired the certification exams for MCSA/E/D certifications, we will still provide you with a Microsoft Certificate of Completion of your course.</span></span></li>
	<li><span style="font-size:14px;"><span style="font-family:segoe ui;">Take full advantage of our new <strong>Hybrid Learning</strong> by attending <strong>on campus</strong> or <strong>virtually.</strong> Have all your classes ready to be <strong>downloaded</strong> and <strong>watched</strong>, anytime, anywhere. <a href="http://learnfast.co.za/pgs-153-hybrid-learning.html">(Read More) </a></span></span></li>
</ul>

Duration

Career Options

Financing Options

Admission Requirements

<p><span style="font-size:14px;"><span style="font-family:segoe ui;">Before attending this course, learners must have at least three months of professional development experience.</span></span></p>

<p><span style="font-size:14px;"><span style="font-family:segoe ui;">In addition to their professional experience, learners who attend this training should have a combination of practical and conceptual knowledge related to HTML5 programming. This includes the following prerequisites:</span></span></p>

<ul>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Understand the basic HTML document structure:</span></span></div>

<ul>
		<li>
		<div><span style="font-size:14px;"><span style="font-family:segoe ui;">How to use HTML tags to display text content.</span></span></div>
		</li>
		<li>
		<div><span style="font-size:14px;"><span style="font-family:segoe ui;">How to use HTML tags to display graphics.</span></span></div>
		</li>
		<li>
		<div><span style="font-size:14px;"><span style="font-family:segoe ui;">How to use HTML APIs.</span></span></div>
		</li>
	</ul>
	</li>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Understand how to style common HTML elements using CSS, including:</span></span></div>

<ul>
		<li>
		<div><span style="font-size:14px;"><span style="font-family:segoe ui;">How to separate presentation from content</span></span></div>
		</li>
		<li>
		<div><span style="font-size:14px;"><span style="font-family:segoe ui;">How to manage content flow.</span></span></div>
		</li>
		<li>
		<div><span style="font-size:14px;"><span style="font-family:segoe ui;">How to control the position of individual elements.</span></span></div>
		</li>
		<li>
		<div><span style="font-size:14px;"><span style="font-family:segoe ui;">How to implement basic CSS styling.</span></span></div>
		</li>
	</ul>
	</li>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Understand how to write JavaScript code to add functionality to a web page:</span></span></div>

<ul>
		<li>
		<div><span style="font-size:14px;"><span style="font-family:segoe ui;">How o create and use variables</span></span></div>
		</li>
		<li>
		<div><span style="font-size:14px;"><span style="font-family:segoe ui;">How to use:</span></span></div>

<ul>
			<li>
			<div><span style="font-size:14px;"><span style="font-family:segoe ui;">arithmetic operators to perform arithmetic calculations involving one or more variables</span></span></div>
			</li>
			<li>
			<div><span style="font-size:14px;"><span style="font-family:segoe ui;">relational operators to test the relationship between two variables or expressions</span></span></div>
			</li>
			<li>
			<div><span style="font-size:14px;"><span style="font-family:segoe ui;">logical operators to combine expressions that contain relational operators</span></span></div>
			</li>
		</ul>
		</li>
	</ul>
	</li>
	<li><span style="font-size:14px;"><span style="font-family:segoe ui;">How to control the program flow by using if … else statements.</span></span></li>
	<li><span style="font-size:14px;"><span style="font-family:segoe ui;">How to implement iterations by using loops.</span></span></li>
	<li><span style="font-size:14px;"><span style="font-family:segoe ui;">How to write simple functions.</span></span></li>
</ul>

Important Notes

<ul>
	<li>
	<div><span style="font-family:segoe ui"><span style="font-size:14px"></span></span><span style="font-size:14px;"><span style="font-family:segoe ui;">Learners to arrive at the training venue from 08:00 in preparation for 08:30 starting time </span></span></div>
	</li>
	<li aria-setsize="-1" data-aria-level="1" data-aria-posinset="1" data-font="Symbol" data-leveltext="" data-listid="23" role="listitem">
	<div paraeid="{c690573b-a2d4-4b96-996a-25b4ad77b2af}{21}" paraid="1182152953"><span style="font-size:14px;"><span style="font-family:segoe ui;">Bookings are only confirmed upon receipt of the proof of payment or an official company purchase order. </span></span></div>
	</li>
	<li aria-setsize="-1" data-aria-level="1" data-aria-posinset="2" data-font="Symbol" data-leveltext="" data-listid="23" role="listitem">
	<div paraeid="{c690573b-a2d4-4b96-996a-25b4ad77b2af}{28}" paraid="1081372771"><span style="font-size:14px;"><span style="font-family:segoe ui;">For full day, on campus courses, Learnfast will supply you with a computer to use for training (if applicable),& tea/coffee and a full lunch. Catering is not included for On-Site training and laptops are available for hire at an additional cost if required. </span></span></div>
	</li>
	<li aria-setsize="-1" data-aria-level="1" data-aria-posinset="3" data-font="Symbol" data-leveltext="" data-listid="23" role="listitem">
	<div paraeid="{c690573b-a2d4-4b96-996a-25b4ad77b2af}{59}" paraid="1309175345"><span style="font-size:14px;"><span style="font-family:segoe ui;">Cancellation or rescheduling requests must be in writing and reach us via email at least 5-10 working days prior to the course commencement date. Full course fees will be retained for no shows. </span></span></div>
	</li>
	<li aria-setsize="-1" data-aria-level="1" data-aria-posinset="4" data-font="Symbol" data-leveltext="" data-listid="23" role="listitem">
	<div paraeid="{c690573b-a2d4-4b96-996a-25b4ad77b2af}{66}" paraid="880286382"><span style="font-size:14px;"><span style="font-family:segoe ui;">Virtual learners are required to have a stable internet connection & a working headset available for sound purposes.  </span></span></div>
	</li>
	<li aria-setsize="-1" data-aria-level="1" data-aria-posinset="5" data-font="Symbol" data-leveltext="" data-listid="23" role="listitem">
	<div paraeid="{c690573b-a2d4-4b96-996a-25b4ad77b2af}{73}" paraid="2124695199"><span style="font-size:14px;"><span style="font-family:segoe ui;">Learners who use their own laptops are fully responsible to ensure that administration rights, software installations, etc. are working sufficiently prior to training. </span></span></div>
	</li>
	<li aria-setsize="-1" data-aria-level="1" data-aria-posinset="1" data-font="Symbol" data-leveltext="" data-listid="23" role="listitem">
	<div paraeid="{c690573b-a2d4-4b96-996a-25b4ad77b2af}{88}" paraid="2134258061"><span style="font-size:14px;"><span style="font-family:segoe ui;"> Learnfast reserves the right to cancel or postpone dates if we require to do so and undertake to inform clients in writing and telephonically of these changes. </span></span></div>
	</li>
	<li aria-setsize="-1" data-aria-level="1" data-aria-posinset="2" data-font="Symbol" data-leveltext="" data-listid="23" role="listitem">
	<div paraeid="{c690573b-a2d4-4b96-996a-25b4ad77b2af}{97}" paraid="1561849529"><span style="font-size:14px;"><span style="font-family:segoe ui;">Learnfast is not responsible for costs associated with cancellation of classes such as flight and accommodation for clients. </span></span></div>
	</li>
</ul>

CourseOutline

<div><span style="font-size:14px;"><span style="font-family:segoe ui;"><strong>Module 1: Overview of HTML and CSS</strong></span></span></div>

<div><span style="font-size:14px;"><span style="font-family:segoe ui;">This module provides an overview of HTML and CSS and describes how to use Visual Studio 2012 to build a Web application.</span></span></div>

<ul>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Overview of HTML</span></span></div>
	</li>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Overview of CSS</span></span></div>
	</li>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Creating a Web Application by Using Visual Studio 2012</span></span></div>
	</li>
</ul>

<div><span style="font-size:14px;"><span style="font-family:segoe ui;"><strong>Module 2: Creating and Styling HTML5 Pages</strong></span></span></div>

<div><span style="font-size:14px;"><span style="font-family:segoe ui;">This module describes the new features of HTML5 and explains how to create and style HTML5 pages.</span></span><span style="font-size:14px;"><span style="font-family:segoe ui;"></span></span><br />
 </div>

<ul>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Creating an HTML5 Page</span></span></div>
	</li>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Styling an HTML5 Page</span></span></div>
	</li>
</ul>

<div><span style="font-size:14px;"><span style="font-family:segoe ui;"><strong>Module 3: Introduction to JavaScript</strong></span></span></div>

<div><span style="font-size:14px;"><span style="font-family:segoe ui;">This module provides an introduction to the JavaScript language and shows how to use JavaScript to add interactivity to HTML5 pages.</span></span></div>

<ul>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Overview of JavaScript Syntax</span></span></div>
	</li>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Programming the HTML DOM with JavaScript</span></span></div>
	</li>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Introduction to jQuery</span></span></div>
	</li>
</ul>

<div><span style="font-size:14px;"><span style="font-family:segoe ui;"><strong>Module 4: Creating Forms to Collect Data and Validate User Input</strong></span></span></div>

<div><span style="font-size:14px;"><span style="font-family:segoe ui;">This module describes the new input types available with HTML5 and explains how to create forms to collect and validate user input by using the new HTML5 attributes and JavaScript code.</span></span></div>

<ul>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Overview of Forms and Input Types</span></span></div>
	</li>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Validating User Input by Using HTML5 Attributes</span></span></div>
	</li>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Validating User Input by Using JavaScript</span></span></div>
	</li>
</ul>

<div><span style="font-size:14px;"><span style="font-family:segoe ui;"><strong>Module 5: Communicating with a Remote Data Source</strong></span></span></div>

<div><span style="font-size:14px;"><span style="font-family:segoe ui;">This module describes how to send and receive data to and from a remote data source by using an XMLHTTPRequest object and by performing jQuery AJAX operations.</span></span></div>

<ul>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Sending and Receiving Data by Using XMLHTTPRequest</span></span></div>
	</li>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Sending and Receiving Data by Using jQuery AJAX operations</span></span></div>
	</li>
</ul>

<div><span style="font-size:14px;"><span style="font-family:segoe ui;"><strong>Module 6: Styling HTML5 by Using CSS3</strong></span></span></div>

<div><span style="font-size:14px;"><span style="font-family:segoe ui;">This module describes how to style HTML5 pages and elements by using the new features available in CSS3.</span></span></div>

<ul>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Styling Text</span></span></div>
	</li>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Styling Block Elements</span></span></div>
	</li>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">CSS3 Selectors</span></span></div>
	</li>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Enhancing Graphical Effects by Using CSS3</span></span></div>
	</li>
</ul>

<div><span style="font-size:14px;"><span style="font-family:segoe ui;"><strong>Module 7: Creating Objects and Methods by Using JavaScript</strong></span></span></div>

<div><span style="font-size:14px;"><span style="font-family:segoe ui;">This module explains how to write well-structured and easily-maintainable JavaScript code, and how to apply object-oriented principles to JavaScript code in a Web application.</span></span></div>

<ul>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Writing Well-Structured JavaScript</span></span></div>
	</li>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Creating Custom Objects</span></span></div>
	</li>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Extending Objects</span></span><br />
	 </div>
	</li>
</ul>

<div>
<hr />
<p><span style="font-size:14px;"><span style="font-family:segoe ui;"><strong>Module 8: Creating Interactive Pages using HTML5 APIs</strong></span></span></p>
</div>

<div><span style="font-size:14px;"><span style="font-family:segoe ui;">This module describes how to use some common HTML5 APIs to add interactive features to a Web application. This module also explains how to debug and profile a Web application.</span></span></div>

<ul>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Interacting with Files</span></span></div>
	</li>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Incorporating Multimedia</span></span></div>
	</li>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Reacting to Browser Location and Context</span></span></div>
	</li>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Debugging and Profiling a Web Application</span></span></div>
	</li>
</ul>

<div><span style="font-size:14px;"><span style="font-family:segoe ui;"><strong>Module 9: Adding Offline Support to Web Applications</strong></span></span></div>

<div><span style="font-size:14px;"><span style="font-family:segoe ui;">This module describes how to add offline support to a Web application, to enable the application to continue functioning in a user's browser even if the browser is disconnected from the network.</span></span></div>

<ul>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Reading and Writing Data Locally</span></span></div>
	</li>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Adding Offline Support by Using the Application Cache</span></span></div>
	</li>
</ul>

<div><span style="font-size:14px;"><span style="font-family:segoe ui;"><strong>Module 10: Implementing an Adaptive User Interface</strong></span></span></div>

<div><span style="font-size:14px;"><span style="font-family:segoe ui;">This module describes how to create HTML5 pages that can dynamically detect and adapt to different devices and form factors.</span></span></div>

<ul>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Supporting Multiple Form Factors</span></span></div>
	</li>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Creating an Adaptive User Interface</span></span></div>
	</li>
</ul>

<div><span style="font-size:14px;"><span style="font-family:segoe ui;"><strong>Module 11: Creating Advanced Graphics</strong></span></span></div>

<div><span style="font-size:14px;"><span style="font-family:segoe ui;">This module describes how to create advanced graphics for an HTML5 Web application by using a Canvas element, and by using Scalable Vector Graphics.</span></span></div>

<ul>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Creating Interactive Graphics by Using Scalable Vector Graphics</span></span></div>
	</li>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Programmatically Drawing Graphics by Using a Canvas</span></span></div>
	</li>
</ul>

<div><span style="font-size:14px;"><span style="font-family:segoe ui;"><strong>Module 12: Animating the User Interface</strong></span></span></div>

<div><span style="font-size:14px;"><span style="font-family:segoe ui;">This module describes how to enhance the user experience in an HTML5 Web application by adding animations.</span></span></div>

<ul>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Applying CSS Transitions</span></span></div>
	</li>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Transforming Elements</span></span></div>
	</li>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Applying CSS Keyframe Animations</span></span></div>
	</li>
</ul>

<div><span style="font-size:14px;"><span style="font-family:segoe ui;"><strong>Module 13: Implementing Real-Time Communications by Using Web Sockets</strong></span></span></div>

<div><span style="font-size:14px;"><span style="font-family:segoe ui;">This module explains how to use Web Sockets to transmit and receive data between an HTML5 Web application and a server.</span></span></div>

<ul>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Introduction to Web Sockets</span></span></div>
	</li>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Sending and Receiving Data by Using Web Sockets</span></span></div>
	</li>
</ul>

<div><span style="font-size:14px;"><span style="font-family:segoe ui;"><strong>Module 14: Creating a Web Worker Process</strong></span></span></div>

<div><span style="font-size:14px;"><span style="font-family:segoe ui;">This module describes how to use Web Worker Processes to perform long-running operations asynchronously and improve the responsiveness of an HTML5 Web application.</span></span></div>

<ul>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Introduction to Web Workers</span></span></div>
	</li>
	<li>
	<div><span style="font-size:14px;"><span style="font-family:segoe ui;">Performing Asynchronous Processing by Using a Web Worker</span></span></div>
	</li>
</ul>

Available Exams and Certifications

Articulation Options

Outcomes

<p><span style="font-size:14px;"><span style="font-family:segoe ui;">After completing this course, learners will be able to:</span></span></p>

<ul>
	<li><span style="font-size:14px;"><span style="font-family:segoe ui;">Explain how to use Visual Studio 2012 to create and run a Web application. </span></span></li>
	<li><span style="font-size:14px;"><span style="font-family:segoe ui;">Describe the new features of HTML5, and create and style HTML5 pages. </span></span></li>
	<li><span style="font-size:14px;"><span style="font-family:segoe ui;">Add interactivity to an HTML5 page by using JavaScript. </span></span></li>
	<li><span style="font-size:14px;"><span style="font-family:segoe ui;">Create HTML5 forms by using different input types, and validate user input by using HTML5 attributes and JavaScript code. </span></span></li>
	<li><span style="font-size:14px;"><span style="font-family:segoe ui;">Send and receive data to and from a remote data source by using XMLHTTPRequest objects and jQuery AJAX operations. </span></span></li>
	<li><span style="font-size:14px;"><span style="font-family:segoe ui;">Style HTML5 pages by using CSS3. </span></span></li>
	<li><span style="font-size:14px;"><span style="font-family:segoe ui;">Create well-structured and easily-maintainable JavaScript code. </span></span></li>
	<li><span style="font-size:14px;"><span style="font-family:segoe ui;">Use common HTML5 APIs in interactive Web applications. </span></span></li>
	<li><span style="font-size:14px;"><span style="font-family:segoe ui;">Create Web applications that support offline operations. </span></span></li>
	<li><span style="font-size:14px;"><span style="font-family:segoe ui;">Create HTML5 Web pages that can adapt to different devices and form factors. </span></span></li>
	<li><span style="font-size:14px;"><span style="font-family:segoe ui;">Add advanced graphics to an HTML5 page by using Canvas elements, and by using and Scalable Vector Graphics. </span></span></li>
	<li><span style="font-size:14px;"><span style="font-family:segoe ui;">Enhance the user experience by adding animations to an HTML5 page. </span></span></li>
	<li><span style="font-size:14px;"><span style="font-family:segoe ui;">Use Web Sockets to send and receive data between a Web application and a server. </span></span></li>
	<li><span style="font-size:14px;"><span style="font-family:segoe ui;">Improve the responsiveness of a Web application that performs long-running operations by using Web Worker processes.</span></span></li>
</ul>

Who Should Attend

<p><span style="font-size:14px;"><span style="font-family:segoe ui;">This course is intended for professional developers who have 6-12 months of programming experience and who are interested in developing applications using HTML5 with JavaScript and CSS3 (either Windows Store apps for Windows 8 or web applications). </span></span></p>

<p><span style="font-size:14px;"><span style="font-family:segoe ui;">This course is intended for learners who have the following experience:</span></span></p>

<ul>
	<li><span style="font-size:14px;"><span style="font-family:segoe ui;">1 – 3 months experience creating Web applications, including writing simple JavaScript code </span></span></li>
	<li><span style="font-size:14px;"><span style="font-family:segoe ui;">1-month experience creating Windows client applications </span></span></li>
	<li><span style="font-size:14px;"><span style="font-family:segoe ui;">1 month of experience using Visual Studio 2010 or 2012</span></span></li>
</ul>

<p><span style="font-size:14px;"><span style="font-family:segoe ui;"> This course is not intended for developers with three or more months of HTML5 coding experience.</span></span></p>

<p><span style="font-size:14px;"><span style="font-family:segoe ui;">Learners choosing to attend this course without a developer background should pay special attention to the training prerequisites. Developers who have more than 5 years programming experience may find that portions of this training are fundamental in nature when presenting the syntax associated with certain programming tasks.</span></span></p>

Learning Methods & Delivery

Study Kit

Assessment

Career Video

Hardware Requirements

PDF Link URL

Header

Form Email

LEARNFAST CMS

Course Info

Control Panel