OnTargetHTML5 Video Projects

This course is written for the absolute beginner wanting to learn the basics of HTML and CSS for developing web pages. This is an introductory course to HTML5 and CSS3 and you build a simple website learning the fundamentals of web page development using HTML and CSS. This is a great introduction to video self paced learning. The course includes the presentations, all the HD MP4 video files and all exercise files to work through the lessons. As with all my courses, if you have any questions I am just an email away throughout your learning process.

For many years we have had to depend on third party extensions or JavaScript to display an image gallery on our HTML and CSS documents. That is no longer the case. In this video I will walk you step by step through the process of creating an image slideshow with pure HTML5 and CSS3. We use the new animation and keyframe properties of CSS3 to make use of the new functionality in CSS.

Modal windows are used quite frequently in our HTML development. They are used for many different areas of our websites, we can use them for; Login Forms, advertisements, notifications, specials, links to areas, etc. Most developers use them by incorporating JavaScript into their sites not realizing that with the new properties in CSS3, that is no longer necessary. We can develop and deploy pure HTML5 and CSS3 modal windows without any additional code. Developing in this way supports the “Best Practices” of progressive enhancement on our sites. It also saves on load times and makes your site more mobile friendly.

This 4 Chapter Tutorial is approximately 1 hour and 55 minutes in length. Recorded in High Definition format with a screen resolution of 1280 x 720.

This is a really good class for seeing how PHP is incorporated into our HTML pages to perform functions outside the scope of HTML and CSS. A good introduction class to PHP and dynamic web application implementations.

In the tutorial series we begin by demonstrating what we plan to build in the series, the steps we will follow and the core knowledge and tools that will be needed to complete the exercises. This tutorial is written at a beginner level.

This 10 Chapter Tutorial is approximately 2 hour and 25 minutes in length. Recorded in High Definition format with a screen resolution of 1280 x 720.

This tutorial covers many of the most important technologies used in web development. We start off with building the HTML5 structure for our Chat Application page and form, then move into CSS3 to style our page.

Once that is complete we build a MySQL database and add a table to the database, we then build the table rows and add sample data to test our form design.

Then we move into PHP and remotely connect to our database so that we can dynamically load data from the database. Once that is complete we write the PHP code needed to add new messages to the databse as the Chat system is implemented.

Then using AJAX objects, PHP and JavaScript setup our Chat Application to dynamically update as new messages are added across the system and using multiple chat windows confirm that that the application is functioning correctly.

We then wrap up the tutorial by writing a character counter, in PHP and JavaScript to count down the characters remaining in our message box.