Skip to content
Menu
  • Web Design Business
  • Web design Fundalmentals
City Kitty Design

The Fundamentals of Web Development: HTML5

Posted on April 26, 2017


The Fundamentals of Web Development: HTML5
Download the free Course Manual: http://hoffstech.com/webdevfundamentals

Here’s a link to my full course, Learn How to Build a Simple Microsoft Azure .NET Website, it’s only for my YouTube friends!
https://www.udemy.com/learn-how-to-build-a-simple-microsoft-azure-net-website/?couponCode=YouTube10

Follow HoffsTech on Social Media!

Home


YouTube: http://youtube.com/hoffstechllc
Twitch: http://twitch.tv/hoffstech
Twitter: http://twitter.com/hoffstech
Facebook: http://facebook.com/hoffstech
Instagram: http://instagram.com/hoffstech
Pinterest: http://pinterest.com/hoffstech

Follow Shelley Benhoff on Social Media!
Tweets by SBenhoff
http://facebook.com/shelleybenhoff

VIDEO OVERVIEW
This video teaches you the basics of HTML & HTML5 including:

Define HTML and HTML5
Create a basic HTML5 document
List the elements in an HTML5 document
View an HTML5 document in a web browser

COURSE OVERVIEW
By the end of this course, you will be able to build a functional HTML web page from scratch.

Learn the basic concepts and that you will need to build fully functional websites.

Build a strong foundation of knowledge in HTML5, CSS3, and JavaScript with this tutorial for beginners.

Define HTML and HTML5
Create a basic HTML5 document
List the elements in an HTML5 document
View an HTML5 document in a web browser
Define CSS and CSS3
Add a style tag to an HTML document
List the different types of CSS selectors
Apply CSS classes to HTML elements
Define JavaScript
Create a simple JavaScript Hello World alert
Create JavaScript variables
Create a JavaScript string array
Sort a JavaScript string array alphabetically
Create an HTML string
Insert an HTML string into a div

Learning HTML5, CSS3, and JavaScript will help you begin a career in web development. These skills are the foundation for many other programming languages such as Microsoft .NET and PHP to create fully functional web applications.

Content and Overview

Suitable for beginning programmers, you will learn the fundamentals of HTML5, CSS3, and JavaScript and establish a strong understanding of the concept behind how web pages work. Each section contains interactive exercises putting your new learned skills into practical use immediately.

Starting with creating an HTML document, this course walks you through setting up your first Superhero themed web page giving you a foundation of knowledge to build upon.

With the basics of HTML5 mastered, this course will take you through adding style to your HTML document using CSS. Finally, you will use JavaScript to get the values of a list of Superheroes, sort them alphabetically in ascending order, and display the sorted list into your web page. This course also includes a free Course Manual that you can download from the link below.

Download the free Course Manual: http://hoffstech.com/webdevfundamentals

Students completing this course on The Fundamentals of Web Development: Using HTML5, CSS3, and JavaScript will have the knowledge to create functional web pages.

This free crash course includes professionally designed videos, screencasts, and a Course Manual. The Course Manual includes the exercise steps performed in the screencast tutorials plus descriptions of the topics covered in this course. They are a handy reference for you to study after completing this course.

Background music by Koji Kondo, FFmusic Dj, Geoffrey Taucer Dire on the Rocks (OCRemix)

Here’s a link to my full course, Learn How to Build a Simple Microsoft Azure .NET Website, it’s only for my YouTube friends!
https://www.udemy.com/learn-how-to-build-a-simple-microsoft-azure-net-website/?couponCode=YouTube10

Download the free Course Manual: http://hoffstech.com/webdevfundamentals

Recent Posts

  • How to Hire a Web Designer: 5 Steps
  • 5 Benefits Of Hiring Professional Web Design Companies
  • 8 tips for hiring a Web designer for your business
  • Top 5 Tips for Choosing a Web Designer
  • 7 Qualities of a Great Website

RSS Web Design News

  • Specify Node Versions with .nvmrc August 9, 2022
    I’ve heavily promoted nvm, a Node.js version manager, over the years. Having a tool to manage multiple versions of a language interpreter has been so useful, especially due to the complexity of Node.js package management. One tip I like to give new developers is adding a .nvmrc file to their repositories. The file contents is […]
  • How to Inject a Global with Web Extensions in Manifest V3 August 8, 2022
    For those of you not familiar with the world of web extension development, a storm is brewing with Chrome. Google will stop support for manifest version 2, which is what the vast majority of web extensions use. Manifest version 3 sees many changes but the largest change is moving from persistent background scripts to service […]
  • How Plugins Enhance The WYSIWYG Editing Experience (Sponsored) August 2, 2022
    WYSIWYG editors are one of the core components of any content management system (CMS). A well-coded, feature-filled WYSIWYG HTML editor can distinguish between a CMS users love and one they can’t stand.  While all WYSIWYG editors have a set of basic functionality, the power of plugins enhances the editing experience. Plugins allow WYSIWYG editors to […]
  • JavaScript Event.defaultPrevented July 27, 2022
    Whether you started with the old on_____ property or addEventListener, you know that events drive user experiences in modern JavaScript. If you’ve worked with events, you know that preventDefault() and stopPropagation() are frequently used to handle events. One thing you probably didn’t know: there’s a defaultPrevented proptery on events! Consider the following block of code: […]
  • 7 Ways to Optimize Performance for Your WordPress Site (Sponsored) July 18, 2022
    The vast majority of blogs, news websites, and information websites run on WordPress. While the WordPress developer team and community do their best to ensure wordPress is performant, there are a number of practices you can implement to keep your site blazing fast. Let’s look at some of them! Use Cloudinary WordPress Plugin for Media […]
  • How to Get Extension Manifest Information July 10, 2022
    Working on a web extension can be kinda wild — on one side you’re essentially just coding a website, on the other side you’re limited to what the browser says you can do in the extension execution environment. One change in that environment is coming January 2023 — pushing extensions to move to manifest version […]
  • How to Reverse an Animated GIF June 23, 2022
    Modifying visual media via code has always been a fascination of mine. Probably because I’m not a designer and I tend to stick to what I’m good at. One visual effect I love is seeing video reversed — it provides a sometimes hilarious perspective on a given event. Take this reversed water effect for example: […]
  • CSS :optional May 22, 2022
    A decade ago HTML and CSS added the ability to, at least signal, validation of form fields. The required attribute helped inform users which fields were required, while pattern allowed developers to provide a regular expression to match against an ‘s value. Targeting required fields and validation values with just CSS and HTML was very […]
  • Get a Random Array Item with JavaScript May 9, 2022
    JavaScript Arrays are probably my favorite primitive in JavaScript. You can do all sorts of awesome things with arrays: get unique values, clone them, empty them, etc. What about getting a random value from an array? To get a random item from an array, you can employ Math.random: const arr = [ "one", "two", "three", […]
  • Legacy String Methods for Generating HTML April 26, 2022
    I’m always really excited to see new methods on JavaScript primitives. These additions are acknowledgement that the language needs to evolve and that we’re doing exciting new things. That being said, I somehow just discovered some legacy String methods that you probably shouldn’t use but have existed forever. Let’s take a look! These legacy string […]
©2022 City Kitty Design