Everything you need to know to become a professional web developer from scratch, updated for modern development.
What you will learn
To learn every skill needed as a professional web developer/designer
To create real life projects for your portfolio
To become a professional web developer
Description
We call this Become a Professional Web Developer not because we think we’re great, but because this is hands down the most in depth course on web development in town.
This course includes 60+ hours of content! Wow!
The design and structure of this course follows elite college curriculum. You will begin by learning the basics of each programming language and technology web developers use, and you will be creating real life projects with every new skill you learn so you’re getting the entire finished puzzle instead of just pieces that you have to put together yourself.
Updated For Modern Development
Web development keeps changing, and so does this course. Not only will you get content on the basics of becoming a web developer, but we’re always adding new development tools like Angular 2, Bootstrap, Ruby on Rails and more. Buy this course once, and keep your skills sharp forever!
More Than Just the Basics… Much More
‘;
}
});
Most courses on web development walk you through the skills beginners need, but then require you to learn the skills that make you an employable web developer. This course is different. After you have learned the basics and built real projects for your portfolio, you can move on to hours and hours of continued training at the intermediate and advanced levels for each web development skill you’ve learned.
Don’t stop when you’re just starting to get good at this, keep learning and enhancing your web development portfolio. New content will be added to this course frequently, so even if you complete the entire course, the next time you log in you’ll have more skills to learn.
Who Should Take This Course?
You should take this course if web development as a profession sounds good to you, or if you’re looking to brush up on your web development skills in any area. There is so much content in this course that even experienced developers will benefit from it.
What is Covered in This Course?
- HTMLÂ /Â HTML5
- CSSÂ /Â CSS3
- JavaScript
- Ajax
- jQuery
- JSON
- PHP
- MySQL
- Responsive web design
- Bootstrap
- Ruby on Rails
- Angular / Angular 2
- Node.js
Source codes are included for the entire course so you can learn by running the actual code and modifying it as needed.
Introduction to the Course
Introduction to the Course
HTML
What Is HTML?
What Is HTML5?
Getting the Browser
Getting the Editor
Setting Up the Editor
HTML Structure – Hello World
The DOM
Customizing the Editor
Self Closing Tags – Environment
Validation
Comments
Block Level Elements
Line Break and Spacing
Span – Text Modifiers
Anchors
Exercise: Linking to the Top of a Page
Images
Tables
Forms
Placeholder vs. Value
Radio Buttons, Checkboxes & Text Areas
New HTML5 Inputs
HTML5 Input Attributes
Action Attribute
GET vs. POST
Submit Buttons
Exercise: Create a Hotel Booking Form
New Elements in HTML5
HTML5 Semantic Elements
Semantic Elements in Practice
Meter and Progress Elements
HTML5 Audio
HTML5 Video
HTML5 and CSS3 Fundamentals
Introduction
Page basics
Text Basics
Text Formatting
Lists
Image Prep
Inserting Images
Website Project 1
CSS Basics
Font Styles
Colors
List Styles
Advanced Selectors
Website Project 2
Link Basics
In-Page links
Link styles
Navigation Menus
Website Project 3
Block Spacing
Arranging the Page
Positioning
Website Project 4
Tables
Table Styles
Website Project 5
Form Basics
Form Elements
HTML5 Form Elements
Form Styles
Website Project 6
Video preparation
Video HTML
Website Project 7
Conclusion tips and resources
CSS and CSS3
What Is CSS?
Understanding CSS
How HTML and CSS Are Used Together
Selectors: Part 1
Selectors: Part 2
Selectors: Part 3
Selectors: Part 4
Hyperlinks
Widths and Heights
Positioning
Centering a Container
Display Types
Hiding an Element
Margins and Padding
Overflow
Element Stack Order (z-index)
Cursors
Box Sizing
Color
Font Basics
Floats
Clearfix
Forcing Uppercase, Lowercase and Capitalization
Text Alignment
Text Indenting
Backgrounds
Multiple Background Images
Background Size
Borders
Border Images
CSS and CSS3 Projects
Build a Website Part 1
Build a Website Part 2
Build a Website Part 3
Create a Pure CSS Drop Down Menu
Creating a Dropdown List Menu Part 1
Creating a Dropdown List Menu Part 2
Javascript
Introduction to JavaScript
Script Tags
Boxes
Console
Variables
Undefined, typeof, NaN
Concatination
Comparison Operators
Logical Operators
Mathematical Operators
Commenting
Arrays
Array Prototype
Looping Over Arrays
Introduction to Objects
Creating an Object
Dates and Times
Intervals
Exercise: Countdown Application
Callbacks
Callbacks in Countdown
DOM Elements
Query Selector
Event Handlers
Input Fields
Creating Elements
Styling Elements
Linting
Minification
jQuery for Beginners
Introduction
Introduction to jQuery
jQuery Core Concepts
Getting Started
Adding the jQuery library to your webpage Part 1
Adding the jQuery library to your webpage Part 2
jQuery Syntax Introduction
jQuery Selectors
jQuery Event Methods
Conclusion
Introduction to jQuery Functions
Creating a jQuery template Part 1
Creating a jQuery template Part 2
Creating a jQuery template Part 3
Get Content and Attributes
jQuery Callback Functions
Conclusion to jQuery Functions
USB Debugging Mode & Hardware API’s
jQuery Effects Part 1
jQuery Effects Part 2
jQuery Effects Part 3
jQuery Effects Part 4
jQuery CSS Functions Part 1
jQuery CSS Functions Part 2
jQuery AJAX Functions Part 1
jQuery AJAX Functions Part 2
jQuery AJAX Functions Part 3
Conclusion to USB Debugging Mode & Hardware API’s
Course Conclusion
jQuery, Ajax and JSON
Introduction
Getting jQuery
Basic Functionality
User Interaction
GET and POST
Exercise: Navigation Application
Introduction to JSON
Working with JSON
Exercise: Search Application
PHP
What Is PHP?
What Is PHP Used For?
Commenting Code
Your First PHP File
Echo and Print
Variables
If Statements
Arithmetic Operators
Comparison Operators
Triple Equals
Logical Operators
Switch Statement
Introduction to Arrays
Multi-Dimentional Arrays
While Loop
Do While Loop
For Loop
Foreach
Functions
Functions with Undefined Parameters
Formatting Numbers
$_GET
$_Post
Embedding PHP within HTML
A better way to display HTML
Arrays Part 1
Arrays Part 2
Cookies Part 1
Cookies Part 2
Radio Buttons
Check Boxes
Fundamentals of MySQL
What Is MySQL
Installing MySQL
Accessing the MySQL Monitor
Using PHPmyAdmin
Creating Databases
Deleting Databases
Creating Tables
Listing and Describing Tables
Inserting Records
Selecting Records
Renaming Tables
Auto Increment IDs
Updating Records
Deleting Records
Limiting Records
Ordering Records
Joins
Like Clause
Counting Records
Introduction to MySQLi
Introduction to PHP Data Objects
Getting Connected
Basic Queries
Getting Results
Looping Through Results
Getting Result Counts
Variables in Queries
SQL Injections
Escaping Values
Prepared Statements
Building a wrapper
Creating a Test Database
Basic Functionalities
Adding More Functionalities
Building a contact form Introduction
Creating the Table
Inserting Your Records
Outputting the Data
AngularJS for Beginners
Course Overview
Final Project Demo
Introduction to Angular
Overview of Angular
Environment Setup
MVC Architecture
Conclusion to Angular
Angular Core Features Overview
Modules And Dependency Injection
Controllers
Expressions
Two Way Data Binding
Directives
Services
Scopes
Filters
Routing – Setup
Routing – Implementation
Angular Core Features Conclusion
Introduction To Grocery List App
Grocery List Bootstrap Layout
Listing Grocery List Using ng-repeat
Beautifying Our List With Filters
Conclusion To Grocery List App
Easy Navigation In Grocery List Using Routing
Setting Up Grocery List Routing
Implementing Grocery List Routing
Routing Parameters
Easy Navigation In Grocery List Using Routing Conclusion
Adding, Updating & Deleting Grocery Items
Abstracting Grocery Items Using Services
Adding Grocery Items
Debugging App Using Chrome Console
Generating Unique Grocery Entry ID’s
Updating Grocery Items – Part 1
Updating Grocery Items – Part 2
Form Validation
Deleting Grocery Items
Adding Custom Directives – Making Our HTML More Readable
Marking Grocery Items As Completed With ng-class
Adding, Updating & Deleting Grocery Items Conclusion
Connecting Our App To The Cloud Introduction
Loading Entries
Creating Entries
Updating Entries
Deleting Grocery Items
Connecting Our App To The Cloud Conclusion
Course Conclusion
Additional Resources
Closing Message
Ruby on Rails for Beginners
Introduction
Ruby on Rails Introduction
What is RoR
Requirements
Install Windows
Install Mac
Sublime Text
Sqlite Studio
First app
RoR Conclusion
Getting To Know Rails
MVC
Command line
Rails Guides
Creating A Rails App
Models and Databases
Controllers
Views
Partial Views
Routes
Dynamic Data
Form Submissions and Resources
Scaffolds
Styled Website
Bootstrap Introduction
Integrating Bootstrap
Getting To Know Rails Conclusion
Building An Interactive Website Introduction
Working With Databases
Database Interaction Through The Rails Console
Associating A Model To An Existing Table
What Are Migrations
Seeding
Retrieving Data By Id
Building An Interactive Website Conclusion
Course Project Instructions
Course Project Solution
Conclusion
Develop Responsive Websites with Bootstrap 3
Introduction to Bootstrap 3
Getting Started with Bootstrap 3
Big Picture
Overview of the Website
The Home Page
The Home Page Part2
Debugging
Products page
Detail Page
Customizations
Responsive Design
Production Notes
Web App UI Overview
Web App Navs
Web App Details
Customization and Adv Topics
Creating a Custom Theme
Dynamic Bootstrap 1
Dynamic Bootstrap 2
Review and Closing
Introduction to CodeIgniter
Introduction to CodeIgniter
Controllers
Models
Views
Building a Basic Calculator
URLs, mo_rewrite & URIs
Connecting to a Database
Getting DB Values
Inserting
Updating DB Values
Deleting DB Values
Build A Website with CodeIgniter
Introduction
Multi Page Loading and Styling
HTML Helper
URL Helper
Content Managing
Contact Page
Form Validation Libraries
Sending E-mails
Intermediate CSS and CSS3
Creating a Vertical Menu
Creating a Horizontal Menu Part 1
Creating a Horizontal Menu Part 2
Creating a Button
Floating Elements
Styling Unordered Lists
Styling Headers
Display Properties
Opacity
Sprites
Creating Rounded Borders
Creating Box Shadows
Creating Text Shadows
Dashed Link Underlines
Advanced CSS and CSS3 Projects
Before and After Pseudo Elements
2D Transformations Part 1
2D Transformations Part 2
2D Transformations Part 3
2D Transformations Part 4
Styling Tables Part 1
Styling Tables Part 2
Styling Form Elements Part 1
Styling Form Elements Part 2
Quick and Easy CSS Triangles
Creating a 3D Cube with CSS3
Creating a CSS3 Avatar/Profile Picture Effect
CSS Speech Bubble Comment Effect
CSS Headline Background Effect
Pure CSS Video Play Button
CSS Icon Fonts
CSS Reference Manual
CSS Reference Manual
Exploring PHP Functions
PHP Functions You Should Know Part 1
PHP Functions You Should Know Part 2
PHP Functions You Should Know Part 3
String Functions Part 1
String Functions Part 2
Date and Time Part 1
Date and Time Part 2
Creating Dynamic Web Pages with PHP
Part 1
Part 2
Part 3
PHP Object Oriented Programming
Classes, Methods and Properties
Encapsulation
Calculator Application Example
Constructor Method
Protecting Methods/Properties
Extending a Class (Inheritance)
Scope Resolution Operators
Class Constants
Static Properties and Methods
MySQL Database Example Part 1
MySQL Database Example Part 2
MySQL Database Example Part 3
Common PHP Errors You Will Encounter
PHP Error Reporting
Changing Maximum File Upload Size
Access Denied
Undefined Index
Cannot Modify Header Information
Supplied Argument Not a Valid MySQL Result
Unexpected $end
PHP Security
File Includes
File Uploading
Null Byte
Passing Variables
Session Hijacking
SQL Injection
XSS (Cross-Site Scripting)
Intermediate and Advanced PHP Programming
Sessions
Using Single or Double Quotes
Indenting Code
Anonymous Functions
Callbacks
Ternary Operator
Browser Identification
Self Submitting Forms
Include and Require
Quickly Return True/False
Tree Structures
Implode: Array to String
Explode: String to Array
Array Dereferencing
Creating Images with PHP
Certification Exam
Certification Exam
Request a Course
Bonus Material
Bonus Lecture: Certificate of Completion
Bonus Lecture: Course Discounts
