75 HTML courses delivered Live Online

Duration 5 Days 30 CPD hours This course is intended for Students in this course are interested in Azure development or in passing the Microsoft Azure Developer Associate certification exam. This course teaches developers how to create end-to-end solutions in Microsoft Azure. Students will learn how to implement Azure compute solutions, create Azure Functions, implement and manage web apps, develop solutions utilizing Azure storage, implement authentication and authorization, and secure their solutions by using KeyVault and Managed Identities. Students will also learn how to connect to and consume Azure services and third-party services, and include event- and message-based models in their solutions. The course also covers monitoring, troubleshooting, and optimizing Azure solutions. Prerequisites To be successful in this course, learners should have the following: Hands-on experience with Azure IaaS and PaaS solutions, and the Azure Portal. Experience writing in an Azure supported language at the intermediate level. (C#, JavaScript, Python, or Java) Ability to write code to connect and perform operations on, a SQL or NoSQL database product. (SQL Server, Oracle, MongoDB, Cassandra or similar) Experience writing code to handle authentication, authorization, and other security principles at the intermediate level. A general understanding of HTML, the HTTP protocol and REST API interfaces. 1 - EXPLORE AZURE APP SERVICE * Examine Azure App Service * Examine Azure App Service plans * Deploy to App Service * Explore authentication and authorization in App Service * Discover App Service networking features 2 - CONFIGURE WEB APP SETTINGS * Configure application settings * Configure general settings * Configure path mappings * Enable diagnostic logging * Configure security certificates 3 - SCALE APPS IN AZURE APP SERVICE * Examine autoscale factors * Identify autoscale factors * Enable autoscale in App Service * Explore autoscale best practices 4 - EXPLORE AZURE APP SERVICE DEPLOYMENT SLOTS * Explore staging environments * Examine slot swapping * Swap deployment slots * Route traffic in App Service 5 - EXPLORE AZURE FUNCTIONS * Discover Azure Functions * Compare Azure Functions hosting options * Scale Azure Functions 6 - DEVELOP AZURE FUNCTIONS * Explore Azure Functions development * Create triggers and bindings * Connect functions to Azure services 7 - EXPLORE AZURE BLOB STORAGE * Explore Azure Blob storage * Discover Azure Blob storage resource types * Explore Azure Storage security features * Discover static website hosting in Azure Storage 8 - MANAGE THE AZURE BLOB STORAGE LIFECYCLE * Explore the Azure Blob storage lifecycle * Discover Blob storage lifecycle policies * Implement Blob storage lifecycle policies * Rehydrate blob data from the archive tier 9 - WORK WITH AZURE BLOB STORAGE * Explore Azure Blob storage client library * Create a client object * Manage container properties and metadata by using .NET * Set and retrieve properties and metadata for blob resources by using REST 10 - EXPLORE AZURE COSMOS DB * Identify key benefits of Azure Cosmos DB * Explore the resource hierarchy * Explore consistency levels * Choose the right consistency level * Explore supported APIs * Discover request units 11 - WORK WITH AZURE COSMOS DB * Explore Microsoft .NET SDK v3 for Azure Cosmos DB * Create stored procedures * Create triggers and user-defined functions * Explore change feed in Azure Cosmos DB 12 - MANAGE CONTAINER IMAGES IN AZURE CONTAINER REGISTRY * Discover the Azure Container Registry * Explore storage capabilities * Build and manage containers with tasks * Explore elements of a Dockerfile 13 - RUN CONTAINER IMAGES IN AZURE CONTAINER INSTANCES * Explore Azure Container Instances * Run containerized tasks with restart policies * Set environment variables in container instances * Mount an Azure file share in Azure Container Instances 14 - IMPLEMENT AZURE CONTAINER APPS * Explore Azure Container Apps * Explore containers in Azure Container Apps * Implement authentication and authorization in Azure Container Apps * Manage revisions and secrets in Azure Container Apps * Explore Dapr integration with Azure Container Apps 15 - EXPLORE THE MICROSOFT IDENTITY PLATFORM * Explore the Microsoft identity platform * Explore service principals * Discover permissions and consent * Discover conditional access 16 - IMPLEMENT AUTHENTICATION BY USING THE MICROSOFT AUTHENTICATION LIBRARY * Explore the Microsoft Authentication Library * Initialize client applications 17 - IMPLEMENT SHARED ACCESS SIGNATURES * Discover shared access signatures * Choose when to use shared access signatures * Explore stored access policies 18 - EXPLORE MICROSOFT GRAPH * Discover Microsoft Graph * Query Microsoft Graph by using REST * Query Microsoft Graph by using SDKs * Apply best practices to Microsoft Graph 19 - IMPLEMENT AZURE KEY VAULT * Explore Azure Key Vault * Discover Azure Key Vault best practices * Authenticate to Azure Key Vault 20 - IMPLEMENT MANAGED IDENTITIES * Explore managed identities * Discover the managed identities authentication flow * Configure managed identities * Acquire an access token 21 - IMPLEMENT AZURE APP CONFIGURATION * Explore the Azure App Configuration service * Create paired keys and values * Manage application features * Secure app configuration data 22 - EXPLORE API MANAGEMENT * Discover the API Management service * Explore API gateways * Explore API Management policies * Create advanced policies * Secure APIs by using subscriptions * Secure APIs by using certificates 23 - EXPLORE AZURE EVENT GRID * Explore Azure Event Grid * Discover event schemas * Explore event delivery durability * Control access to events * Receive events by using webhooks * Filter events 24 - EXPLORE AZURE EVENT HUBS * Discover Azure Event Hubs * Explore Event Hubs Capture * Scale your processing application * Control access to events * Perform common operations with the Event Hubs client library 25 - DISCOVER AZURE MESSAGE QUEUES * Choose a message queue solution * Explore Azure Service Bus * Discover Service Bus queues, topics, and subscriptions * Explore Service Bus message payloads and serialization * Explore Azure Queue Storage * Create and manage Azure Queue Storage and messages by using .NET 26 - MONITOR APP PERFORMANCE * Explore Application Insights * Discover log-based metrics * Instrument an app for monitoring * Select an availability test * Troubleshoot app performance by using Application Map 27 - DEVELOP FOR AZURE CACHE FOR REDIS * Explore Azure Cache for Redis * Configure Azure Cache for Redis * Interact with Azure Cache for Redis by using .NET 28 - DEVELOP FOR STORAGE ON CDNS * Explore Azure Content Delivery Networks * Control cache behavior on Azure Content Delivery Networks * Interact with Azure Content Delivery Networks by using .NET

Duration 4 Days 24 CPD hours This course is intended for While no prior programming or web development experience is required, target students should have good foundational computer skills. Overview Set up the tools and resources you need to perform Web Development. Create web pages in HTML, constructing valid, well-formed elements, including navigation links, sections, titles, and semantic markup. Enhance HTML content with tables, images, movies, and audio. Apply styles to HTML elements using CSS. Use CSS to format the edges, size, position, and layering of HTML elements. Apply complex style rules using advanced CSS selectors, including pseudo-class selectors, structural selectors, and pseudo-element selectors. Create complex layouts using CSS newspaper style columns, grid layouts, and flexible box layouts. Improve the quality of web content, including adaptability (different displays and devices), searchability, usability, and accessibility. Submit data through URL query strings and web forms for processing by a web application server. Write JavaScript code to make web pages more interactive, perform data processing tasks directly in the browser, and manipulate items in the current web page. Write JavaScript code to iterate through collections of elements in a page to get and set their attributes and add event listener code. Use third-party libraries and frameworks for web front-end development. Modern organizations depend heavily on the web to perform core business operations such as marketing, advertising, and selling products, providing services, and communicating with customers, partner organizations, and employees. Whatever you're creating on the web, HTML, CSS, and JavaScript? likely play an important role. These three languages provide the core toolkit for anyone looking to perform web development work. This course covers the fundamentals of web development using these three languages. Prerequisites This course assumes that students have strong experience working with computers. Previous experience programming in other languages is helpful, but not required for students to benefit from this course. LESSON 1: SETTING UP YOUR WEB DEVELOPMENT ENVIRONMENT * Topic A: Prepare Your Web Platform * Topic B: Prepare Your Web Development Tools and Processes * Topic C: Monitor the Web Request-Response Cycle LESSON 2: CREATING WEB CONTENT IN HTML * Topic A: Create a Basic Web Page * Topic B: Provide Navigation Links Between Web Pages * Topic C: Improve Web Page Structure and Navigation LESSON 3: ADDING TABLES AND MULTIMEDIA CONTENT TO A WEB PAGE * Topic A: Create a Table * Topic B: Embed Images, Movies, and Audio in a Web Page LESSON 4: APPLYING STYLES TO WEB CONTENT * Topic A: Apply Styles to HTML * Topic B: Create a Style Sheet * Topic C: Use Web Fonts LESSON 5: CONTROLLING EDGES, SIZE, AND POSITION * Topic A: Format Element Edges and Corners * Topic B: Control an Element's Height and Width * Topic C: Control an Element's Position and Layering * Topic D: Normalize and Reset Browser CSS Defaults LESSON 6: APPLYING COMPLEX STYLE RULES * Topic A: Use Advanced Selectors * Topic B: Manage User Interface States * Topic C: Make Structure Apparent to Users * Topic D: Use CSS Pseudo-Element Selectors LESSON 7: CREATING COMPLEX LAYOUTS * Topic A: Use CSS to Create Newspaper Style Columns * Topic B: Use CSS to Create Grid Layouts * Topic C: Use CSS to Create Flexible Box Layouts LESSON 8: IMPROVING WEB CONTENT * Topic A: Adjust the Layout for a Wide Variety of Devices * Topic B: Perform Basic Search Engine Optimization * Topic C: Test Your Website LESSON 9: SUBMITTING DATA TO A WEB SERVER FOR PROCESSING * Topic A: Submit Data Through a URL * Topic B: Submit Data Through a Web Form LESSON 10: WRITING JAVASCRIPT CODE * Topic A: Add JavaScript to a Web Page * Topic B: Perform Operations on Data * Topic C: Program Repetitive Tasks * Topic D: Manipulate DOM Objects LESSON 11: ENUMERATING AND PROCESSING COLLECTIONS OF ELEMENTS * Topic A: Enumerate Elements * Topic B: Attach Events Through Code LESSON 12: USING THIRD-PARTY LIBRARIES AND FRAMEWORKS * Topic A: Use a Third-Party JavaScript Library * Topic B: Create a Web Page Based on a Third-Party Framework ADDITIONAL COURSE DETAILS: Nexus Humans Web Development with HTML5, CSS, and JavaScript (v1.0) training program is a workshop that presents an invigorating mix of sessions, lessons, and masterclasses meticulously crafted to propel your learning expedition forward. This immersive bootcamp-style experience boasts interactive lectures, hands-on labs, and collaborative hackathons, all strategically designed to fortify fundamental concepts. Guided by seasoned coaches, each session offers priceless insights and practical skills crucial for honing your expertise. Whether you're stepping into the realm of professional skills or a seasoned professional, this comprehensive course ensures you're equipped with the knowledge and prowess necessary for success. While we feel this is the best course for the Web Development with HTML5, CSS, and JavaScript (v1.0) course and one of our Top 10 we encourage you to read the course outline to make sure it is the right content for you. Additionally, private sessions, closed classes or dedicated events are available both live online and at our training centres in Dublin and London, as well as at your offices anywhere in the UK, Ireland or across EMEA.

Duration 1 Days 6 CPD hours This course is intended for This course is designed as an introduction to HTML and CSS for those who want to learn to develop standards-compliant web content, with a focus on current HTML5 and CSS3 standards. This course can be taught on Microsoft© Windows©, Apple© Mac OS© X, or Linux©, and supports developers who work in any of those environments. HTML5 is one of the most integral and evolving web technologies that enables a user to structure content and present it on the web.This course lays the foundation for mastering this popular web publishing technology. AUTHORING CONTENT IN HTML * Web Development Standards * Create an HTML Page * Apply HTML Attributes EMBEDDING AND LINKING CONTENT * Embed Content within an HTML Page * Link HTML Pages * Create Image Maps FORMATTING CONTENT WITH CSS * Apply Style Sheets to HTML * Use CSS to Create Multiple Column Layouts AUTHORING COMPLEX CONTENT STRUCTURES * Author Table Content * Construct and Format Forms TESTING AND PUBLISHING HTML CONTENT * Identify and Correct Structural and Compatibility Problems * Make HTML Content Accessible * Publish and Deploy Web Content ADDITIONAL COURSE DETAILS: Nexus Humans HTML5 - Content Authoring Fundamentals training program is a workshop that presents an invigorating mix of sessions, lessons, and masterclasses meticulously crafted to propel your learning expedition forward. This immersive bootcamp-style experience boasts interactive lectures, hands-on labs, and collaborative hackathons, all strategically designed to fortify fundamental concepts. Guided by seasoned coaches, each session offers priceless insights and practical skills crucial for honing your expertise. Whether you're stepping into the realm of professional skills or a seasoned professional, this comprehensive course ensures you're equipped with the knowledge and prowess necessary for success. While we feel this is the best course for the HTML5 - Content Authoring Fundamentals course and one of our Top 10 we encourage you to read the course outline to make sure it is the right content for you. Additionally, private sessions, closed classes or dedicated events are available both live online and at our training centres in Dublin and London, as well as at your offices anywhere in the UK, Ireland or across EMEA.

Duration 1 Days 6 CPD hours This course is intended for This course is designed for those who have experience authoring content in HTML and CSS, and want to learn how to use new HTML5 and CSS3 features. This course can be taught on Windows©, Mac OS© X, or Linux©, and supports developers who work in any of those environments. Although JavaScript© knowledge is helpful, HTML and CSS are the focus, so this course does not require that the learner have extensive JavaScript skills. Overview In this course, you will develop web content in HTML5 and CSS3 following principles of responsive web design. You will: ?Optimize HTML content to take advantage of HTML5 and CSS3 features.?Write advanced CSS3 selectors and media queries.?Use advanced background and border options introduced in CSS3.?Use advanced text formatting options introduced in CSS3.?Use HTML5 graphics and multimedia elements, including transforms, animation, audio, and video. ?Follow best practices to enable HTML content to be successfully processed by many different web browsers and machine readers. This course focuses on the new and advanced features of HTML5, covering how to create HTML5 and CSS3 markup that will work well on the widest possible variety of web browsers, mobile devices, and machine readers, such as search engine web crawlers. CREATING HTML5 CONTENT * Develop Web Content to Follow Standards * Update Legacy Web Content to Meet HTML5 Requirements * USING ADVANCED TECHNIQUES TO SELECT AND APPLY STYLES * Use Advanced CSS Selectors * Provide Alternate Layouts Based On Device Characteristics * USING ADVANCED BACKGROUND AND BORDER TECHNIQUES * Use Advanced Techniques to Create Backgrounds * Use Advanced Techniques to Create Borders INCORPORATING ADVANCED TEXT FORMATS * Use Web Fonts * Apply Advanced Text Styles ADDING ANIMATION AND MULTIMEDIA * Use 2D Transforms * Use Animation Styles * Embed Audio and Video in a Web Page MAKING HTML READABLE AND ACCESSIBLE * Support Various Browsers * Improve Markup to Benefit Human and Machine Readers * ADDITIONAL COURSE DETAILS: Nexus Humans HTML5 - Content Authoring with New and Advanced Features training program is a workshop that presents an invigorating mix of sessions, lessons, and masterclasses meticulously crafted to propel your learning expedition forward. This immersive bootcamp-style experience boasts interactive lectures, hands-on labs, and collaborative hackathons, all strategically designed to fortify fundamental concepts. Guided by seasoned coaches, each session offers priceless insights and practical skills crucial for honing your expertise. Whether you're stepping into the realm of professional skills or a seasoned professional, this comprehensive course ensures you're equipped with the knowledge and prowess necessary for success. While we feel this is the best course for the HTML5 - Content Authoring with New and Advanced Features course and one of our Top 10 we encourage you to read the course outline to make sure it is the right content for you. Additionally, private sessions, closed classes or dedicated events are available both live online and at our training centres in Dublin and London, as well as at your offices anywhere in the UK, Ireland or across EMEA.

Duration 5 Days 30 CPD hours This course is intended for This class is targeted towards the professional developer new to HTML, self-taught HTML developers, graphics designers and those new to HTML development. Overview After completing this course, you will be able to: Create HTML5 compliant web pages. Test and validate HTML and CSS code. Create CSS for style pages. Work with experimental vendor prefixes. Work with fonts and CSS font effects. Work with color and color tools. Layout pages and content using DIVs, iFrames and Tables. Add and format images and CSS sprites. Create HTML5 forms. Embed and manage video and audio content. This course is an in-depth hands-on study of HTML5, CSS3 and modern web and mobile development. The course includes detailed hands-on labs and Q&A labs. The labs include multiple projects, including one beginning to end web site.This material updates and replaces course Microsoft course 20480 which was previously published under the title Programming in HTML5 with JavaScript and CSS3. MODULE 1: A BRIEF HISTORY OF HTML AND THE WEB * Welcome! * History * Details, Details, Details? * The Life of a Web Page * HTTP Status Codes Definitions * Most Important Things to Know as a Web Developer MODULE 2: CORE HTML ELEMENTS * HTML and CSS Editors * Text, Spaces and Tabs * Working with Tags * Attributes * Comments * Non-Standard Tags * Every Page Includes? * File Extensions * Core Page Elements * Nesting * Testing HTML * HTML and Text MODULE 3: CASCADING STYLE SHEETS * Before CSS * With CSS * Cascading Style Sheets (CSS) * Adding CSS to a Page * Order of CSS Processing * Experimental Vendor Prefixes * CSS Units * The CSS Box Mode MODULE 4: FONTS AND TEXT * Fonts * CSS for Text * CSS Text Ticks! * Working with Lists * Upgrading and to Windows 7 MODULE 5: COLORS AND BACKGROUNDS * Specifying Colors * Applying Colors * Gradients MODULE 6: ANCHORS AND HYPERLINKS * HTML and CSS * Hyperlinks with Images and Other Objects * Buttons MODULE 7: PAGE LAYOUT * Page Layout Options * Tables for Data * DIVs * Float * SPAN * HTML 5 DIV-like Tags * IFRAMES MODULE 8: IMAGES * Favicon * Preparing Images * Image Files * The IMG Tag * Background Images * Image Best Practices * CSS Sprites MODULE 9: HTML FORMS * A Basic Form * POST vs. GET * name vs. id * Basic Form Elements * Basic Form Attribute * Select * Uploading Files * HTML 5 Form Enhancements * DataList MODULE 10: MULTIMEDIA * Video and Audio * HTML 5 Video * CSS * JavaScript * Audio * Hosting Videos in the Cloud * Working with Animated GIFs

PROGRAMMING IN HTML5 WITH CSS COURSE DESCRIPTION This course provides an introduction to HTML5, CSS3, and JavaScript. It 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, perform looping and branching, develop user interfaces, capture and validate user input, store data, and create well-structured application. WHAT WILL YOU LEARN * Create and style HTML5 pages. * Use JavaScript. * Style HTML5 pages by using CSS3. * Use common HTML5 APLs in interactive Web applications. * Create HTML5 Web pages that can adapt to different devices and form factors. * Enhance the user experience by adding animations to the HTML5 page. PROGRAMMING IN HTML5 WITH CSS COURSE DETAILS * Who will benefit: Website developers. * Prerequisites: HTML5 development fundamentals. * Duration 5 days PROGRAMMING IN HTML5 WITH CSS COURSE CONTENTS * Overview of HTML and CSS Overview of HTML, Overview of CSS, Creating a Web Application by Using Visual Studio 2012. Hands on Exploring the Contoso Conference Application. * Creating and Styling HTML5 Pages Creating an HTML5 Page, Styling an HTML5 Page. Hands on Creating and Styling HTML5 Pages. * Introduction to JavaScript Overview of JavaScript Syntax, Programming the HTML DOM with JavaScript, Introduction to jQuery. Hands on Displaying Data and Handling Events by Using JavaScript. * Creating Forms to Collect and Validate User Input Overview of Forms and Input Types, Validating User Input by Using HTML5 Attributes, Validating User Input by Using JavaScript. Hands on Creating a Form and Validating User Input. * Communicating with a Remote Data Source Sending and Receiving Data by Using XMLHTTPRequest, Sending and Receiving Data by Using jQuery AJAX operations. Hands on Communicating with a Remote Data Source. * Styling HTML5 by Using CSS3 Styling Text, Styling Block Elements, CSS3 Selectors, Enhancing Graphical Effects by Using CSS3. Hands on Styling Text and Block Elements using CSS3. * Creating Objects and Methods by Using JavaScript Writing Well-Structured JavaScript, Creating Custom Objects, Extending Objects. Hands on Refining Code for Maintainability and Extensibility. * Creating Interactive Pages using HTML5 APIs Interacting with Files, Incorporating Multimedia, Reacting to Browser Location and Context, Debugging and Profiling a Web Application. Hands on Creating Interactive Pages by Using HTML5 APIs. * Adding Offline Support to Web Applications Reading and Writing Data Locally, Adding Offline Support by Using the Application Cache. Hands on Adding Offline Support to a Web Application. * Implementing an Adaptive User Interface Supporting Multiple Form Factors, Creating an Adaptive User Interface. Hands on Implementing an Adaptive User Interface. * Creating Advanced Graphics Creating Interactive Graphics by Using Scalable Vector Graphics, Programmatically Drawing Graphics by Using a Canvas. Hands on Creating Advanced Graphics. * Animating the User Interface Applying CSS Transitions, Transforming Elements, Applying CSS Key-frame Animations. Hands on Animating User Interface Elements. * Web Sockets for Real-Time Communications Introduction to Web Sockets, Sending and Receiving Data by Using Web Sockets. Hands on Implementing Real-Time Communications by Using Web Sockets. * Creating a Web Worker Process Introduction to Web Workers, Performing Asynchronous Processing by Using a Web Worker. Hands on Creating a Web Worker Process.

HTML5 DEVELOPMENT TRAINING COURSE DESCRIPTION This three-day MTA Training course helps you prepare for Microsoft Technology Associate Exam 98-375, and build an understanding of these topics: Manage the Application Life Cycle, Build the User Interface by Using HTML5, Format the User Interface by Using CSS, Code by Using JavaScript. This course leverages the same content as found in the Microsoft Official Academic Course (MOAC) for this exam. WHAT WILL YOU LEARN * Manage the Application Life Cycle. * Build the User Interface by Using HTML5. * Format the User Interface by Using CSS. * Code by Using JavaScript. HTML5 DEVELOPMENT TRAINING COURSE DETAILS * Who will benefit: Anyone working with HTML5. * Prerequisites: None. * Duration 3 days HTML5 DEVELOPMENT TRAINING COURSE CONTENTS * Managing the Application Life Cycle * Platform fundamentals Packaging and the runtime environment: app package, app container, credentials/permission sets, host process, leverage existing HTML5 skills and content for slate/tablet applications. * Manage the state of an application Manage session state, app state and persist state information; understand states of an application; understand the differences between local and session storage. * Debug and test a HTML5 touch-enabled application Touch gestures; gestures you test on a device. * HTML5 UI: Text, Graphics, and Media * HTML5 tags for text content and graphics. When, why and how to use Canvas; when, why and how to use scalable vector graphics (SVG). * HTML5 tags to play media. Video and audio tags. * HTML5 UI: Organization, Input, and Validation * HTML5 tags to organise content and forms Tables, lists, sections; semantic HTML. * HTML5 tags for input and validation * CSS Essentials: Content Flow, Positioning, styling * Core CSS concepts Separate presentation from content (create content with HTML and style content with CSS); manage content flow (inline versus block flow); manage positioning of individual elements( float versus absolute positioning); manage content overflow (scrolling, visible and hidden); basic CSS styling. * CSS Essentials: Layouts * Arrange UI content by using CSS Use flexible box and grid layouts to establish content alignment, direction and orientation; proportional scaling and use of "free scale" for elements within a flexible box or grid; order and arrange content; concepts for using flex box for simple layouts and grid for complex layouts; grid content properties for rows and columns; use application templates. * Managing Text Flow by Using CSS Regions and using regions to flow text content between multiple sections (content source, content container, dynamic flow, flow-into, flow-from, msRegionUpdate, msRegionOverflow, msGetRegionContent); columns and hyphenation and using these CSS settings to optimise the readability of text; use "positioned floats" to create text flow around a floating object * Managing the Graphical Interface by Using CSS Graphics effects (rounded edges, shadows, transparency, background gradients, typography and Web Open Font Format); 2-D 3-D transformations (translate, scale, rotate, skew and 3-D perspective transitions and animations); SVG filter effects; Canvas. * JavaScript and coding essentials Manage and maintain JavaScript, Create and use functions; jQuery and other third-party libraries. Update the UI by using JavaScript Locate/access elements; listen and respond to events; show and hide elements; update the content of elements. * Animations, Graphics, and Accessing Data * Code animations with JavaScript animation; manipulate the canvas; work with images, shapes and other graphics. * Access data access by using JavaScript Send and receive data; transmit complex objects and parsing; load and save files; App Cache; datatypes; forms; cookies; localStorage * JavaScript coding for Touch Interface, Device and Operating System Resources, and More Respond to the touch interface, Gestures, how to capture and respond to gestures, Code additional HTML5 APIs, GeoLocation, Web Workers, WebSocket; File API, Access device and operating system resources, In- memory resources, such as contact lists and calendar; hardware capabilities, such as GPS, accelerometer and camera.

This one-day course introduces the field of user experience and provides an excellent entry point to our other specialised training courses. UX processes and practices have become a central component of product design, service design and web design.

Duration 5 Days 30 CPD hours This course is intended for This course is intended for students new to computer programming or experienced programmers who are new to client-side web development. Overview After completing this course, you will be able to: Describe the technologies involved in web development. Create HTML pages with links and images. Explain the benefits of CSS. Style HTML pages with CSS. Explain the concepts of objects, methods, and properties. Work with JavaScript variables. Create their own custom functions in JavaScript. Write flow control logic in JavaScript. Write JavaScript code that listens for and handles events, such as mouse clicks and page loads. Create forms with HTML and validate them with JavaScript. Use regular expressions in JavaScript for advanced form validation. This course is intended for IT professionals interested in becoming client-side web developers. who need to get a jump start on all three technologies. The course includes more than 30 exercises, providing a rapid hands-on introduction to the three major client-side languages: HTML, CSS, and JavaScript. Students should be prepared to cover a lot of ground quickly.This material updates and replaces course Microsoft course 20480 which was previously published under the title Programming in HTML5 with JavaScript and CSS3. MODULE 1: A QUICK OVERVIEW OF WEB DEVELOPMENT * HTML is Part of a Team * Client-side Programming * Server-side Programming * Web Development Technologies MODULE 2: INTRODUCTION TO HTML * Exercise: A Simple HTML Document * Getting Started with a Simple HTML Document * HTML Elements, Attributes, and Comments * The HTML Skeleton * Viewing the Page Source * Special Characters * HTML Elements and Special Characters * History of HTML * The lang Attribute MODULE 3: PARAGRAPHS, HEADINGS, AND TEXT * Paragraphs * Heading Levels * Breaks and Horizontal Rules * Exercise: Paragraphs, Headings, and Text * The div Tag * Creating an HTML Page * Quoted Text * Preformatted Text * Inline Semantic Elements * Exercise: Adding Inline Elements MODULE 4: HTML LINKS * Links Introduction * Text Links * Absolute vs. Relative Paths * Targeting New Tabs * Email Links * Exercise: Adding Links * Lorem Ipsum * The title Attribute * Linking to a Specific Location on the Page * Targeting a Specific Location on the Page MODULE 5: HTML IMAGES * Inserting Images * Image Links * Adding Images to the Document * Exercise: Adding Images to the Page * Providing Alternative Images MODULE 6: HTML LISTS * Unordered Lists * Ordered Lists * Definition Lists * Exercise: Creating Lists MODULE 7: CRASH COURSE IN CSS * Benefits of Cascading Style Sheets * CSS Rules * Selectors * Combinators * Precedence of Selectors * How Browsers Style Pages * CSS Resets * CSS Normalizers * External Stylesheets, Embedded Stylesheets, and Inline Styles * Exercise: Creating an External Stylesheet * Exercise: Creating an Embedded Stylesheet * Exercise: Adding Inline Styles * div and span * Exercise: Styling div and span * Media Types * Units of Measurement * Inheritance MODULE 8: CSS FONTS * font-family * @font-face * font-size * font-style * font-variant * font-weight * line-height * font shorthand * Exercise: Styling Fonts MODULE 9: COLOR AND OPACITY * About Color and Opacity * Color and Opacity Values * Color * Opacity * Exercise: Adding Color and Opacity to Text MODULE 10: CSS TEXT * letter-spacing * text-align * text-decoration * text-indent * text-shadow * text-transform * white-space * word-break * word-spacing * Exercise: Text Properties MODULE 11: JAVASCRIPT BASICS * JavaScript vs. EcmaScript * The HTML DOM * JavaScript Syntax * Accessing Elements * Where Is JavaScript Code Written? * JavaScript Objects, Methods, and Properties * Exercise: Alerts, Writing, and Changing Background Color MODULE 12: VARIABLES, ARRAYS, AND OPERATORS * JavaScript Variables * A Loosely Typed Language * Google Chrome DevTools * Storing User-Entered Data * Exercise: Using Variables * Constants * Arrays * Exercise: Working with Arrays * Associative Arrays * Playing with Array Methods * JavaScript Operators * The Modulus Operator * Playing with Operators * The Default Operator * Exercise: Working with Operators MODULE 13: JAVASCRIPT FUNCTIONS * Global Objects and Functions * Exercise: Working with Global Functions * User-defined Functions * Exercise: Writing a JavaScript Function * Returning Values from Functions MODULE 14: BUILT-IN JAVASCRIPT OBJECTS * Strings * Math * Date * Helper Functions * Exercise: Returning the Day of the Week as a String MODULE 15: CONDITIONALS AND LOOPS * Conditionals * Short-circuiting * Switch / Case * Ternary Operator * Truthy and Falsy * Exercise: Conditional Processing * Loops * while and do?while Loops * for Loops * break and continue * Exercise: Working with Loops * Array: forEach() MODULE 16: EVENT HANDLERS AND LISTENERS * On-event Handlers * Exercise: Using On-event Handlers * The addEventListener() Method * Anonymous Functions * Capturing Key Events * Exercise: Adding Event Listeners * Benefits of Event Listeners * Timers * Typing Test MODULE 17: THE HTML DOCUMENT OBJECT MODEL * CSS Selectors * The innerHTML Property * Nodes, NodeLists, and HTMLCollections * Accessing Element Nodes * Exercise: Accessing Elements * Dot Notation and Square Bracket Notation * Accessing Elements Hierarchically * Exercise: Working with Hierarchical Elements * Accessing Attributes * Creating New Nodes * Focusing on a Field * Shopping List Application * Exercise: Logging * Exercise: Adding EventListeners * Exercise: Adding Items to the List * Exercise: Dynamically Adding Remove Buttons to the List Items * Exercise: Removing List Items * Exercise: Preventing Duplicates and Zero-length Product Names * Manipulating Tables MODULE 18: HTML FORMS * How HTML Forms Work * The form Element * Form Elements * Buttons * Exercise: Creating a Registration Form * Checkboxes * Radio Buttons * Exercise: Adding Checkboxes and Radio Buttons * Fieldsets * Select Menus * Textareas * Exercise: Adding a Select Menu and a Textarea * HTML Forms and CSS MODULE 19: JAVASCRIPT FORM VALIDATION * Server-side Form Validation * HTML Form Validation * Accessing Form Data * Form Validation with JavaScript * Exercise: Checking the Validity of the Email and URL Fields * Checking Validity on Input and Submit Events * Adding Error Messages * Validating Textareas * Validating Checkboxes * Validating Radio Buttons * Validating Select Menus * Exercise: Validating the Ice Cream Order Form * Giving the User a Chance MODULE 20: REGULAR EXPRESSIONS * Getting Started * Regular Expression Syntax * Backreferences * Form Validation with Regular Expressions * Cleaning Up Form Entries * Exercise: Cleaning Up Form Entries * A Slightly More Complex Example

LIVE ONLINE COURSE WITH STUDY MATERIALS AND CERTIFICATE OF COMPLETION INCLUDED This HTML course will provide you with an easy to follow, hands-on introduction to HTML and CSS, the basic coding languages which drive the internet. Participants will learn how to create an attractive and well-structured web page using basic HTML and CSS. This workshop is highly recommended for anyone wishing to learn how to create websites and also for people who already use applications such as Dreamweaver or WordPress and need more control over their web output. RESOURCES * Introduction to HTML & CSS Course Information DESCRIPTION Completing this course will enable you to do the following and more: * Understand what HTML and CSS are and how they work together * Learn basic HTML elements * Learn how to create hyperlinks * Work with images * Use DIVs, forms and lists to arrange content * Create page structure * Use Cascading Style Sheets to control the layout and look of HTML elements * Use Developer Tools to preview CSS changes * Know how and when to use Inline CSS * Create code that is both readable, compliant with HTML5 standards * Understand what makes good SEO For the full course content please download the course information pdf listed above. WHO IS THIS COURSE FOR? This workshop is suitable for anyone with basic PC or Mac skills who wants to understand how the web works. No previous knowledge or experience of HTML or CSS is necessary. REQUIREMENTS Attendees should have basic PC or Mac skills. You will need a broadband internet connection to participate in this live online course. CERTIFICATES CERTIFICATE OF COMPLETION Digital certificate - Included