WANNA UNLOCK 21 AMAZING LECTURES?
Haha, that was a stupid question! Enter your name and email address and we’ll unlock 21 free, full-length, value packed lectures straight from this course.
Brad Hussey & Code College – THE ULTIMATE WEB DESIGNER & DEVELOPER COURSE – DISCOVER EDITION
Are you looking for an all-in-one Web Design, Web Development and Career Building course that takes you step-by-step through the all of the skills you need know to start a working professionally?
Are you a programmer looking to improve your design skills, so your designer colleagues can stop making fun of your bad designs? Or maybe you’re a designer looking to learn how to code, so your programmer colleagues can stop laughing at your sad coding attempts?
Have you wasted hours of your time or money watching terrible video tutorials that make you fall asleep at your desk?
Stop wasting your time & money! This is the ultimate, most comprehensive, A to Z web design, development and career building course on the market. I promise and I guarantee that to be true.
Here is my guarantee to you: If within 30 days you complete this course and you haven’t experienced impressive results, you can’t design or build modern websites, or you can’t get a paying web design or development gig — I will give you 100% of your money back.
You will go from knowing nothing to creating over 23 impressive designs, websites, and applications — all with step-by-step instruction from the most entertaining and engaging coding instructor on the web today!
We’ll start by learning Visual & Web Design, how to use Adobe Photoshop, and how to sketch professional wireframes. We’ll then learn to code with HTML5, CSS3, Javascript and jQuery. At this point you’ll be able to code custom websites, animations and web applications by yourself.
Once we’re cool with the front-end languages, we’ll then melt our brain-bits with highly advanced skills like Responsive Websites, PHP, MySQL, WordPress and custom WordPress plugin development. You’ll then have the ability to build responsive, dynamic websites and blogs, basic eCommerce sites and online stores, and have a professional understanding of all aspects of web design & development.
After you’ve learned everything from Design to Development, you’ll be taken through a hands-on career section fully-loaded with valuable tips, resources, and real-world guidance to help you start your career — whether you want to work-from-home as a freelancer, or secure a full-time studio gig at a design agency.
– – –
What are some of the projects you will build?
In addition to working on your very own self-directed project that challenges you to use your new skills as you learn, you’ll be building over 23 custom projects throughout the course:
In Photoshop:
Design a custom web graphic
Design a custom business card
Design a modern landing page
Re-design a blog
In HTML5 & CSS3:
Multiple custom websites & web pages
Code the Google landing page
“Orbiting planets†animation in CSS3
A responsive “Startup Style†website
In Javascript & jQuery
A working “Tip Calculatorâ€
An actual race car game
A “To Do List†web application
In PHP & MySQL
Dynamic websites
Impressive application that fixes clickbait headlines
Working “login†and “logout†sequence
Profile page that pulls information from a database
Robust “Client Address Book†application that manages your clients’ information
Custom WordPress plugin
…and much more
– – –
Why trust me? What makes me any better than the thousands of coding instructors out there?
My name is Brad Hussey, and I’ve been working professionally as a designer and developer for over 6 years. I studied design & development in college for 2 years before getting hired as an in-house web developer at a local web development firm. Only a year into full-time employment, I quit to start my own freelance business from home, which has been the best career move I’ve ever made because it allows me the freedom to work on my own terms on projects I love to be a part of, and it pays extremely well.
What makes me different than all the other coding instructors out there is that I know how to communicate complex & boring concepts without putting you to sleep! While you’re staring at a screen with hundreds of lines of code, I like to keep things light, crack jokes and keep you entertained. My approach is simple, hands-on, and relaxed. Think of me as your handsome friend who just so happens to be a passionate computer geek under the surface.
How would you like to be able start a lucrative career in web design & development, work for a high-tech company, or kick back in the comfort of your own home studio providing high quality solutions to your very own clients?
COURSE CURRICULUM
Introduction: Why This is The Only Design/Development Course You’ll Ever Need
Preview
Course Introduction: All You Need to Know (2:06)
Start
Download Course Files – The COMPLETE Directory!
Preview
What You Can Expect From This Course (1:31)
Preview
How to Get a Free Trial of Adobe Photoshop + Free Icons, Graphics & More! (2:04)
Preview
Price Calculator: Discover Your Hourly Rate & How Much You Should Charge! (2:33)
Preview
Intro Wrap Up: What You’ve Learned & What’s Next (1:04)
Introduction to Visual Design
Preview
Section Intro: What You’re Going to Learn (0:45)
Start
The Basic Elements & Principles of Visual Design (5:51)
Start
The Design “CRAP†Principles (1:59)
Start
Typography Basics (3:01)
Start
The Science of Colour (or Color) (5:33)
Start
Designing with Grids (2:29)
Start
Section Outro: Wrap Up, Further Learning & What’s Next (0:51)
Introduction to Adobe Photoshop
Preview
Section Intro: The 80/20 Rule, Photoshop Basics, and More (1:29)
Start
Creating a New Photoshop Document (4:51)
Start
Photoshop Environment: The Toolbar – Part 1 (20:39)
Start
Photoshop Environment: The Toolbar – Part 2 (14:44)
Start
Photoshop Environment: Palettes (11:50)
Start
Photoshop Environment: The Menu (12:14)
Start
Photo Enhancement & Manipulation (17:00)
Start
Photoshop Project #1: Create a New Graphic with Multiple Layers + Tutorial (7:08)
Start
Photoshop Project #2: Design a Business Card + Tutorial (7:39)
Start
Section Outro: Wrap Up, Further Learning & What’s Next (0:21)
Â
Introduction to Web Design (and more Photoshop)
Preview
Section Intro: Web Design Basics, Wireframing, Photoshop (0:32)
Start
Web Design Terminology: The Jargon the Pros Use (4:44)
Preview
The Four Phases of a Web Design Project + Cost Estimates (7:42)
Start
What is User Experience (UX) Design? (14:36)
Start
The Anatomy of a Website Design (5:17)
Start
The 960 Grid System + Free Photoshop Downloads (5:24)
Start
Web Design Project #1: Design a Minimal Landing Page + Tutorial (17:42)
Start
Web Design Project #2: Re-Design a Blog Landing Page (6:07)
Start
Web Design Project #2: Tutorial (20:22)
Start
Section Outro: Wrap Up, Further Learning & What’s Next (0:26)
Advanced Web Design Challenge
Preview
Challenge Intro: How the Challenge Works (1:06)
Start
Discovery Phase: Create a Sitemap (1:03)
Start
Discovery Phase II: Sketch & Wireframe Your Design (0:36)
Start
Creative Phase: Design Your Website in Photoshop (0:35)
Start
Sharing, Collaborating & Getting Feedback on Your Design (0:43)
Start
Challenge Wrap Up & What’s Next (0:23)
Introduction to HTML
Preview
Section Intro: HTML Fundamentals, First Webpage, Course Files (0:33)
Start
The Basics of HTML: Tags, Attributes, Elements (4:06)
Start
Basic File & Folder Structure of a Website (4:34)
Start
Your Must Have Tool: A Good Code Editor (5:57)
Start
Hello World: Create Your Very First Web Page! (4:08)
Start
Section Outro: Wrap Up, Further Learning & What’s Next (0:32)
Intermediate HTML
Start
Section Intro: HTML Tags, Code a Real Web Page (0:18)
Start
Basic Structure of an HTML Document (5:10)
Start
Heading & Paragraph Tags (6:27)
Start
Using Emphasis & Strong Emphasis (4:35)
Start
Hyperlinks (5:14)
Start
Lists (5:52)
Start
Images (9:47)
Start
Tables (5:52)
Start
Forms (14:00)
Start
HTML Entities & “Special Characters†(3:19)
Start
HTML Project: Code a Basic Web Page + Tutorial (9:23)
Start
Section Outro: Wrap Up, Further Learning & What’s Next (0:21)
Advanced HTML & HTML5
Start
Section Intro: Advanced HTML Techniques, HTML5 (0:18)
Start
IDs & Classes (4:54)
Start
Span & Div Tags (8:53)
Start
Intro to HTML5 Tags: Header, Footer, Nav, Section, Article, Aside & Time (15:35)
Start
HTML5 Project: Build a Basic HTML5 Web Page + Tutorial (11:41)
Start
Section Outro: Wrap Up, Further Learning & What’s Next (0:33)
Expert HTML & HTML5
Start
Section Intro: Expert HTML5 techniques (0:16)
Start
New HTML5 Inputs (13:03)
Start
Making Internet Explorer Compatible with HTML5 (4:23)
Start
HTML5 Data Attribute (4:23)
Start
Section Outro: Wrap Up, Further Learning & What’s Next (0:48)
Introduction to CSS
Start
Section Intro: Essentials of CSS + Download Course Files (0:43)
Start
What is CSS? All the basics you need to know! (2:34)
Start
Inheritance of Styles (1:24)
Start
Measurements & The Box Model (7:44)
Start
Inline CSS (5:12)
Start
Internal CSS (5:53)
Start
External CSS (8:11)
Start
ID & Class Selectors (11:50)
Start
Descendant Selectors (11:05)
Start
Grouping Selectors (10:58)
Start
Specificity (5:56)
Start
CSS Project: Style an HTML Web Page + Tutorial (16:33)
Start
Section Outro: Wrap Up, Further Learning & What’s Next (0:57)
Intermediate CSS
Start
Section Intro (0:15)
Start
Colors (3:21)
Start
Text Styling & Formatting (14:14)
Start
Borders (6:51)
Start
Background Images (10:14)
Start
Styling Links (10:56)
Start
Section Outro: Wrap Up, Further Learning & What’s Next (0:16)
Advanced CSS
Start
Section Intro (0:18)
Start
Styling Web Forms (22:10)
Start
Block, Inline and Inline-Block Elements (2:31)
Start
Understanding Float & Clear (once and for all!) (21:11)
Start
Relative, Absolute & Fixed Position (11:34)
Start
CSS Project: Build the Google Home Page + Tutorial (Part I) (18:03)
Start
CSS Project: Build the Google Home Page (Part II) (17:11)
Start
Section Outro: Wrap Up, Further Learning & What’s Next (0:23)
Expert CSS & CSS3
Start
Section Intro: What is CSS3? + Course Files Download (0:26)
Start
CSS3 Box Sizing & Round Corners (8:11)
Start
CSS3 Colours & Gradients (9:19)
Start
CSS3 Shadows (9:54)
Start
CSS3 Columns (7:27)
Start
CSS3 Animations & Transitions (18:46)
Start
CSS3 Project #1: Create Animated Buttons + Tutorial (10:22)
Start
CSS3 Project #2: Code an Orbiting Planet Animation + Tutorial (Part I) (15:37)
Start
CSS3 Project #2: Code an Orbiting Planet Animation (Part II) (21:52)
Start
Section Outro: Wrap Up, Further Learning & What’s Next (0:42)
Advanced HTML & CSS Challenge
Start
Your Challenge: Everything You Need to Know + Section Wrap Up (1:11)
Start
Bonus Tutorial: How to Slice a Photoshop Design & Convert it to HTML & CSS (15:28)
Start
Bonus Tutorial P2: How to Slice a Photoshop Design & Convert it to HTML & CSS (17:21)
Introduction to Javascript
Start
Section Intro: What is Javascript, The 80/20 Rule + Course Files Download (1:11)
Start
Internal & External Javascript (9:35)
Start
Basic Syntax of Javascript (and many other programming languages) (6:53)
Start
Javascript Output (5:38)
Start
Javascript Variables (17:37)
Start
Javascript Arrays (16:00)
Start
Javascript Functions (8:22)
Start
Javascript If / Else Statements (8:25)
Start
Javascript Project: Program a Tip Calculator + Tutorial (17:49)
Start
Javascript Project: Program a Tip Calculator, Part II (18:47)
Start
Section Outro: Wrap Up, Further Learning & What’s Next (0:50)
Introduction to jQuery
Start
Section Intro: What is jQuery? + Course Files Download (0:23)
Start
Download & Install jQuery (13:57)
Start
The Simple Syntax of jQuery (9:59)
Start
jQuery Selectors (7:39)
Start
jQuery Event Methods (11:28)
Start
Section Outro: Wrap Up & What’s Next (0:15)
Intermediate jQuery
Start
Section Intro: jQuery Deep Dive! (0:25)
Start
jQuery Chaining (4:07)
Start
Hiding, Showing & Fading Content with jQuery (7:51)
Start
The jQuery Animate Method (10:13)
Start
Modifying CSS with jQuery (8:44)
Start
jQuery Project: Mini Race Car Game + Tutorial (24:27)
Start
Section Outro: Wrap Up, Further Learning & What’s Next (0:42)
jQuery UI (Advanced jQuery)
Start
Section Intro: What is jQuery UI? + Course Files Download (0:46)
Start
jQuery UI: Draggable (11:25)
Start
jQuery UI: Droppable (7:10)
Start
jQuery UI: Sortable (6:12)
Start
jQuery UI: Accordion (5:41)
Start
jQuery UI: Datepicker (9:29)
Start
jQuery Project: To Do List Web Application + Tutorial (13:22)
Start
Section Outro: Wrap Up, Further Learning & What’s Next (0:39)
Responsive Design & Development using Bootstrap
Start
Section Intro: What is Responsive Design & Bootstrap? + Course Files Download (2:11)
Start
Getting Started with Bootstrap (11:19)
Start
Quickly Prototype with the Free Examples (10:32)
Start
Understanding the Bootstrap Grid System (15:55)
Start
Responsive (and sexy) Forms (23:13)
Start
Responsive Tables, Buttons and Images (13:02)
Start
Helper Classes & Responsive Utilities (7:35)
Start
Using Glyphicons (Font Icons) (5:36)
Start
Bootstrap Navbar (18:10)
Start
Bootstrap Modal Window (9:14)
Start
Bootstrap ScrollSpy (9:30)
Start
Togglable Tabs (6:47)
Start
Sliding Carousel (12:41)
Start
Bootstrap Project: Code a “Hipster†Startup Website + Tutorial (16:37)
Start
Bootstrap Project: Startup Website, Part 2 (15:47)
Start
Section Outro: Wrap Up, Further Learning & What’s Next (1:21)
Advanced Bootstrap Challenge
Start
Your Challenge: Convert Your Custom Website Into a Responsive Bootstrap Site (2:01)
Web Hosting & Domains
Start
Section Intro: What is Web Hosting? (1:14)
Start
Purchasing a Bundled Domain Name & Hosting Package (11:34)
Start
The Hosting Control Panel (a.k.a. cPanel) (6:17)
Start
Understanding FTP & How to Upload a Website to Your Live Server (10:07)
Start
Section Outro: Wrap Up, What’s Next + Bonus (Free) Web Hosting (0:31)
Introduction to PHP
Start
Section Intro: What is PHP & What Does It Do? + Course Files Download (0:44)
Start
Basic PHP Syntax (8:38)
Start
PHP Variables & Constants (6:05)
Start
PHP Arrays (Associative & Multi-Dimensional) (17:35)
Start
PHP Project: Program an App to fix “Click Bait Headlines†+ Tutorial (20:10)
Start
PHP Project: Click Bait Headlines, Part 2 (10:19)
Start
Section Outro: Wrap Up & What’s Next (0:21)
Intermediate PHP
Start
Section Intro: Let’s dive deeper into PHP (0:21)
Start
If, Else and Elseif Statements (14:05)
Start
PHP Loops: While, For, Foreach & Do While (12:56)
Start
PHP Functions & Arguments (10:34)
Start
$_GET and $_POST (18:42)
Start
PHP Project: Convert a Static Website into a Dynamic PHP Site + Tutorial (18:03)
Start
Section Outro: Wrap Up, Further Learning & What’s Next +Bonus (Free) PHP Course! (1:14)
Introduction to MySQL Databases
Start
Section Intro: What is MySQL? + Course Files Download (0:53)
Start
Creating Your First MySQL Database + phpMyAdmin Overview (18:16)
Start
Establishing a MySQL Connection with PHP (9:41)
Start
Selecting Data from a Database and Displaying it on Your Web Page (13:02)
Start
Insert Data into Your Database from a Web Page (21:15)
Start
Password Hashing (for securely storing passwords) (8:45)
Start
Using PHP Sessions to Store Global Variables (8:56)
Start
MySQL Project #1: Code a Login Form, Profile Page & Logout + Tutorial (21:56)
Start
MySQL Project #2.1: Client Address Book – Planning our Application (6:13)
Start
MySQL Project #2.2: Client Address Book – Build the Login Sequence (20:43)
Start
MySQL Project #2.3: Client Address Book – Logout Sequence & Display Clients (11:42)
Start
MySQL Project #2.4: Client Address Book – Adding Clients (10:07)
Start
MySQL Project #2.5: Client Address Book – Editing Clients (11:20)
Start
MySQL Project #2.6: Client Address Book – Deleting Clients (7:32)
Start
Section Outro: Wrap Up, Further Learning & What’s Next (0:30)
Advanced PHP & MySQL Challenge
Start
Your Challenge: Convert Your Custom Static Website into a Dynamic Website (3:41)
WordPress Websites
Start
Section Intro: What is WordPress? (1:03)
Start
How to Start a WordPress Blog in 5-Minutes (4:28)
Start
The Dashboard (7:47)
Start
Using Free and Premium Plugins to Achieve Any Feature You Desire (6:09)
Start
Using Free and Premium Themes to Quickly Make Gorgeous Websites (3:06)
Start
Theme Showcase: “X†Theme – The Ultimate All-in-one WordPress DIY Theme (4:43)
Start
The Importance of 24/7 WordPress Security (6:50)
Start
Quickly Start an eCommerce Online Store (5:54)
Start
Section Outro: Wrap Up, Further Learning, What’s Next + Course Discount (1:03)
Career Development: How to Start Your Web Design / Development Career
Start
Section Intro: The Career Options Available to You as a Web Designer & Developer (0:53)
Start
The Importance of “Cultivating†Your Career (2:40)
Start
What Does Success Mean To You? (4:19)
Start
Freelancing: Should You Work For Free? (2:57)
Start
Freelancing: Should You Quit Your Job? (3:43)
Start
Free eBook Download: Cultivate a Successful Freelance Career
Start
Where To Find Web Design & Development Jobs: Part-time, Full-time & Freelance (11:12)
Start
4 Valuable Tips for Crafting the Perfect Résumé (4:37)
Start
The Grande Finale: Where Do You Go From Here? (3:37)