The Complete Web Developer Package

Course Name

The Complete Web Developer Package

Contact Hours: 110 (an estimated time frame devoted to a course of study from start to finish that can vary from student to student)

Course Description

This is The Complete Web Developer course. The "Everything You Need To Know" web development course about making websites. TCWD (The Complete Web Developer) will take you through each and every programming skill you will need to be a successful web developer. Each module has examples we go through and explanations of how everything works.

Perhaps you want to start your own online business, get an increase in salary or you have an idea that could change the world. Whatever your reason is, it is never a bad time to learn web development.


Here are the topics we will learn in this web development course:

  1. HTML: This is the skeletal structure of your website.
  2. CSS: CSS is how we make our websites nice to look at.
  3. JavaScript: Often abbreviated as JS, this is how we give the site some basic functionality.
  4. jQuery: The hulk version of JavaScript. It's super powerful and very easy to use.
  5. Ajax: When a website loads dynamic information without reloading the page.. that very nice feature is called Ajax, and is used in almost every great website now.
  6. PHP: The brains of your website. You can tell your website how to think, and what action to take after a decision is made.
  7. SQL: This would be the memory of your website. Databases sound difficult, but they really aren't. It's simply a matter of understanding how your websites memory works.

This course is designed for everybody. Everything is explained in depth for the new web developer trying to learn web development. For intermediate web dev's, this will expand your skills and provide you with even more web development knowledge.

Outcome

As a result of taking this class you will learn:

  • How to make professional quality websites
  • How to create login systems
  • How to work with databases
  • How to make your websites faster
  • How to add videos and multimedia to your websites
  • How to master all of the neccessary programming languages
  • Keep up to date on all the latest web technologies

Assessment

This course contains no assessments. You are expected to practice the skills you learn on your own. 

Outline

Module 1: Introduction to the Course

  • Introduction to the Course

Module 2: HTML Basics
  • What Is HTML?
  • Editors
  • Elements
  • Block Elements
  • Attributes
  • Line Breaks
  • Headers And Paragraphs
  • Links
  • Images
  • Formatting (Part 1)
  • Formatting (Part 2)
  • The Style Attribute
  • Comments
  • The Div Element
  • Lists
  • Tables (Part 1)
  • Tables (Part 2)
  • Forms
  • iFrames

Module 3: Advanced HTML
  • The Doctype
  • Head Section
  • Head Section (Part 2)
  • Scripts
  • Hierarchy (DOM)
  • Entities

Module 4: HTML5
  • Some New Elements
  • Header And Footer
  • Spellcheck And Contenteditable
  • Videos (Part 1)
  • Videos (Part 2)
  • Audio
  • Drag And Drop
  • Geolocation
  • Local Storage
  • Sesion Storage
  • Boilerplate

Module 5: CSS
  • What Is CSS?
  • Syntax
  • Using Style Sheets
  • External Style Sheets
  • ID's and Classes
  • Styling Elements
  • Comments
  • Background Colors
  • Background Image
  • Text Color
  • Text Formatting
  • Font Properties
  • Text Properties
  • Links
  • Lists
  • Width & Height
  • Borders
  • Margin & Padding
  • Cursor
  • Display
  • Overflow
  • CSS Requests

Module 6: Advanced CSS
  • Grouping & Nesting
  • Maximum & Minimum Dimensions
  • Positions
  • Relative & Z-Index
  • Floating
  • Clear
  • Pseudos (Part 1)
  • Pseudos (Part 2)
  • Alignment
  • Sprites
  • Opacity
  • Media Types
  • Attribute Selectors
  • Prefixes
  • !Important

Module 7: CSS3 Basics
  • What Is CSS3
  • Border-Radius
  • Border Images
  • Box Shadow
  • Background Size
  • Text Shadow
  • Custom Fonts
  • Rotate
  • Resize

Module 8: JavaScript Basics
  • What is Javascript?
  • Internal vs. External
  • Comments
  • document.write();
  • Alert & Confirm
  • Prompting for Info
  • Variables
  • Conjugation
  • Arithmetic
  • Redirecting & New Windows
  • Empty Links
  • String Manipulation
  • Comparisons
  • If...Else Statements
  • Else...If Statements
  • Switch Statements
  • Functions
  • Events
  • getElementById
  • Escaping
  • Arrays
  • For Loops
  • While Loops
  • Breaking Out Of Loops
  • Skipping A Loop Cycle

Module 9: Advanced JavaScript
  • Split & Substr
  • Try..Catch And Throw
  • Date
  • Math
  • Regular Expressions
  • Navigator
  • setInterval & setTimeout
  • Objects
  • Finished

Module 10: Basic Ajax
  • What Is Ajax?
  • How To Execute Ajax
  • Requests
  • Response
  • readyState and status
  • Putting It Together

Module 11: jQuery
  • What is jQuery?
  • Installing jQuery
  • Syntax
  • Selectors
  • Events (Part 1)
  • Events (Part 2)
  • When A Key Is Pressed
  • Effects
  • Callbacks
  • .html()
  • Changing CSS
  • Animations
  • Attributes
  • jQuery.Ajax
  • Finishing jQuery

Module 12: PHP Basics
  • What Is PHP?
  • Installing PHP
  • Syntax & Hello World
  • Comments
  • Variables