Programming in HTML5 with JavaScript and CSS3

This course is the first in a series of web application development courses. The aim of the course is to introduce participants to the basics of developing HTML5, CCS3 and Javascript based applications in Visual Studio. The course provides the necessary prerequisites for web development courses.

The course is primarily aimed at non-professional developers with previous web development experience who want to learn about HTML5, its programming elements, their use, user interface development and data management basics.

• Overview of HTML and CSS: structure, functions, building blocks, functionality.
• Overview of the Visual Studio development environment, HTML5/CSS support tools, overview of the sample application to be developed.
• Creating a static HTML5 website, using basic CSS3 styles, introducing new features of HTML5/CSS3.
• Basics of Javascript: syntax, building blocks and how they work, HTML5 interoperability, overview of the HTML object model (DOM), creating and integrating simple Javascript modules into a website (DOM handling, event handling, data display), introduction to jQuery, handling common Javascript APIs simply using jQuery.
• Creating forms, user data entry and data validation: types of forms and input fields and their use, data entry validation with HTML5 attributes and Javascript, feedback on incorrect data.
• Communicating with remote data sources: overview of XML basics, sending and receiving data using XMLHTTPRequest and jQuery AJAX operations, data serialization and deserialization, data transfer, code refactoring.
• Using CSS3 stylesheets: using text styles, using block elements, using CSS3 selectors, using new graphical effects, creating and styling web pages in HTML5 and CSS3.
• Managing objects and methods in Javascript: basic concepts, principles of creating well-formed and easy to maintain Javascript code, object management in Javascript, creating and managing custom objects, managing object properties, using inheritance, using objects with code refactoring.
• Creating interactive web pages using HTML5 APIs: file handling, drag and drop, support and integration of multimedia elements (audio, video, image, geolocation), browser and content specific properties management, web application debugging and profiling using Web Timing API and IE Deveoper Tools.
• Implement offline support in web application: basic concepts, local data management using application cache and local storage.
• Creating adaptive user interfaces: basic concepts and requirements, support for multiple form factors, creating printer-friendly web pages, designing and creating dynamically adaptive layouts.
• Advanced Graphics: overview of HTML5 novelties, overview and use of Canvas element and SVG (Scalable Vector Graphics), creating interactive graphics, implementing programmable drawing.
• User interface animation: basic concepts, using CSS transitions (2D/3D), transforming elements, basics of using CSS key-frame based animations.
• Implementing real-time communication using Web Socket: basic concepts, sending and receiving data using Web Socket, using Web Socket API, handling Web Socket events.
• Overview of asynchronous management of long term operations using Web Worker Process, proper management of connection, monitoring WWP process, feedback to user.

Windows 10 or higher user skills, previous HTML4, CSS knowledge and experience. Javascript basics. Previous .NET programming experience (C# or Visual Basic .NET) is an advantage. As the course materials are in English, at least a basic level of English at document reading level is required. The lecture is in Hungarian.