Intro to Course
  • What you will learn in this course
  • Who's the instructor of this course
Introduction to Web Development
  • How the Internet Works
  • Web Development, Web Design, BackEnd and FrontEnd
  • "Must Know" to Become a Professional Web Developer
  • Top Text Editors for Coding
Front End Development: HTML Basics
  • Intro to HTML and CSS.
  • Text Editors, Browsers and First Webpage.
  • Headers, Paragraphs, Line Breaks and Horizontal Lines.
  • Bold, Italic, Comments and Blockquote.
  • Lists.
  • Links.
  • Quizz 1
  • Create your first HTML based Web Page
Front End Development: HTML Intermediate
  • Multiple Webpages and Website Links.
  • Customized Links.
  • Doctype, Namespace, Metadata and Deprecated Tags
  • Images.
  • Tables, Cellpadding and Cellspacing.
  • Quizz 2
  • Create HTML based table and convert a label into a link
Front End Development: CSS Introduction
  • Internal, External and Inline CSS.
  • Class and Id.
  • Divs and Positioning.
  • Fonts.
  • Text-Align, Margin and Padding.
  • Colors.
  • Quizz 3
  • Create and Style DIVS
Front End Development: HTML Advanced
  • Link States.
  • Structuring a Website.
  • DropList and Textarea.
  • Radio Button and Checkbox.
  • Forms.
  • Embedding Content.
  • Quiz 04
  • Creating Drop-Down lists and Checkboxes
Front End Development: HTML Extra Topics
  • Bugs, Errors and Debugging.
  • IDE and Frameworks.
  • CMS and WYSIWYG.
  • Web Hosting & Templates.
  • Setting Up a Template.
  • FrontEnd, BackEnd, Photoshop and Fireworks.
  • Different Types of Websites.
HTML/CSS PDF Guides
  • Guide: Types of Websites
  • Guide: HTML Tags
  • Guide: CSS Properties
  • Guide: Color Reference
Front End Development: HTML5 Introduction
  • Introduction (and Source Files)
  • XHTML vs HTML5.
  • HTML5 Skeleton.
  • Quiz 8
  • Creating Simple HTML 5 web Page
Front End Development: CSS3 Introduction
  • Layout Review.
  • CrossBrowser Compatibility.
  • Rounded Corners.
  • Box Shadows.
  • Text Shadows.
  • Quiz 10
  • Rounded Corners using CSS3
Front End Development: CSS3 Advanced
  • 2D Transform.
  • 2D Transitions: Part 1
  • 2D Transitions: Part 2
  • @Font-Face: Part 1
  • @Font-Face: Part 2
  • Navigation Transitions.
  • Quiz 11
  • Creating CSS Gradients
Front End Development: jQuery Introduction
  • Intro to jQuery.
  • Adding HTML.
  • Adding jQuery.
  • Tab Variations.
  • Image Overlays: Part 1
  • Image Overlays: Part 2
  • Quiz 11
Front End Development: jQuery Advanced
  • Overlay CSS: Part 1
  • Overlay CSS: Part 2
  • Overlay CSS: Part 3
  • Page Slider.
  • Project Concept.
  • Basic HTML.
  • Add Basic jQuery.
  • CSS Explained.
  • Quiz 12
Project: Create a Website w/ HTML5 and CSS3 features.
  • Project: Create a Website w/ HTML5 and CSS3 features. (part 1)
  • Project: Create a Website w/ HTML5 and CSS3 features. (part 2)