Introduction to HTML5, CSS3 and JavaScript

Introduction to HTML5, CSS3 and JavaScript
JOIN THE COURSE

Introduction to HTML5, CSS3 and JavaScript

Learn the basics of developing website using HTML5, CSS3 and JavaScript. Student will learn to use HTML5, CSS3 and JavaScript to access content on various devices. Students will learn to use JavaScript components such as attributes, variables, expressions and functions to enhance the website by being able to perform calculations, check data in the forms, add interactive games, add special effects to the images and text, customize graphics selections, dynamically modify color, image and text and more.

Prereq

Programming basic or equivalent.

Topic

  • Introduction to HTML
  • Naming Your Document
  • HTML4 vs HTML5
  • Features Of HTML5
  • Removed Elements
  • New HTML5 Tags
  • Essential HTML Tags
  • <META>, <TITLE>, <BODY> Tag
  • HTML Tags related to Text
  • Header Tag
  • Paragraph and Text Breaks
  • Cascading Style Sheets (CSS)
  • Rules for CSS, 3 Ways to Use CSS
  • Using CSS as Inline Style
  • Internal Style Sheet
  • External Style Sheet
  • Using CSS file for Styling
  • Using CSS to customize BODY Tag
  • Setting the background color of the web page.
  • Setting the background image of the web page.
  • Setting the text color for the page.
  • Customizing Text Color
  • Using Header Tag
  • Formatting Text using CSS
  • Customizing Text Alignment
  • Using CSS to ALIGN Text
  • Displaying a List
  • Using CSS to Display Customized List
  • Using Bullet Tag, Adding Images
  • Using IMG Tag
  • Modifying the Size of an Images
  • Center Align the Image
  • Using Center Tag
  • Right Aligning the Image
  • Left Aligning the Image
  • Adding YouTube in a App Page
  • Adding Hyperlink
  • Adding Sound to the Web Page
  • Play an audio file in HTML5
  • Adding Background Sound
  • Introduction to HTML Tables
  • Using Table Tag
  • Attributes of Table Tag
  • Using Width attribute
  • Formatting Cells
  • Using Cell Spacing
  • Using Span Attribute
  • Using &nbsp
  • Cell Alignment
  • Using Align Attribute
  • Adding Rows
  • Modifying Table Header
  • Using Table Header Tag
  • Customizing List
  • Customizing Border
  • Introduction to HTML Form
  • Input, Text Fields
  • Creating Simple Form
  • Using Radio buttons
  • Using Checkbox
  • Using Submit button
  • Introduction to JavaScript
  • The script element
  • Browsers and JavaScript
  • Creating an alert message
  • Prompting a user for an input
  • Debugging scripts in browsers
  • Header
  • Comments
  • Warning Messages
  • Beginning of the program
  • Defining Variable
  • Introduction to Flow Chart
  • Introduction to Numerical variables
  • Introduction to Data Types
  • Introduction to Mathematical Operators
  • Introduction to Assignment Operators
  • Introduction to String operations
  • Operator precedence Numerical calculations
  • Increment and decrement operators
  • Simple and Complex Statement
  • Variable scope
  • Expression
  • Using random numbers
  • Concatenating strings
  • Mixing numbers and strings
  • Introduction to Relational Operation
  • Introduction to Logical Operators & Expression
  • Comparison operators
  • if statement
  • Logical operators (and, or, not)
  • If … Else statement
  • If .. else if.. statements
  • switch statement
  • For loop
  • for…in loop
  • while loop
  • do…while loop
  • break and continue statements
  • Introduction to Functions
  • Functions with arguments
  • Passing parameters to functions
  • Creating A Simple Form
  • Adding Text Boxes
  • Adding Buttons

Assumptions

  • The course assumes that the learner is familiar with Internet and Windows. The student should have the basic knowledge of starting an application, managing Folder and files and browsing Internet for information.
  • This course depends on the student’s commitment to work in class and, if necessary, to work independently at his/her own time on project assigned to them that will require access to the computer.

Learning Resources and Tools

The work load of each unit varies and each unit consists a combination of the following:

  • Lecture: The Lecture consists of notes that can be used by students as a reference material.
  • Hands-on Exercises: The hands-on exercises help students apply the concepts learnt during the lecture.
  • Quiz: The quiz allows the student to further validate their learning. The answers are provided at the end of each quiz session.
  • Projects: Projects help students apply the concepts learnt through the lecture and apply to build an application,

Technical Requirements

An access to a computer and an Internet browser.

JOIN THE COURSE

Schools & Partners

We believe in offering the highest quality courses, created by schools and partners who share our commitment to excellence in teaching and learning, both online and in the classroom.

Best purchase i made in envato. Great Theme!

Thank you for all your help and assistance over the years with our products.
I would have no hesitation in recommending you to my clients.

400
faculty and staff teaching courses and discussing topics online

online Education
Phone: (714) 505-3475
Fax: (714) 505-3476
1835 W. Orangewood, Suite 200,
Orange, CA 92868