Web Developers Kickstart Bundle

$19

5
COURSES
309
LESSONS
NEW
ENROLLED

LIFETIME ACCESS TO ALL THESE 5 COURSES
WordPress Theme Development with Bootstrap
WordPress Theme Development with Bootstrap - BradHussey

$199 Value

HTML5 and CSS3 site design
HTML5 and CSS3 Site Design - Stone River eLearning

$99 Value

The Complete Front-End Web Development Course!
The Complete Front-End Web Development Course - Joseph Delgadillo

$49 Value

Responsive Web Design - Made Easy!
Responsive Web Design: Made Easy - EDUmobile Academy

$49 Value

Learn Bootstrap Design a Custom Landing Page in Bootstrap 4
Learn Bootstrap: Design a Custom Landing Page in Bootstrap 4 - Adam Eubanks

Priceless!

DETAILS OF THE 5 COURSES IN THE BUNDLE
WordPress Theme Development with Bootstrap

WordPress Theme Development with Bootstrap

Instructor: Brad Hussey

OverviewDescriptionAbout

Learn how to confidently develop custom & profitable Responsive WordPress Themes.

Whether you’re a freelance designer, entrepreneur, employee for a company, code hobbyist, or looking for a new career — this course gives you an immensely valuable skill

Course Updated on September 7th, 2015

Final course files, including the final WordPress theme, plus some additional resources available all in one easy download 🙂

<strong “=””>$99

– – –

Do you want to supercharge your HTML, CSS & PHP knowledge and learn how to turn them into a real business that can make you more money as a freelancer?

Whether you’re a freelance designer, entrepreneur, employee for a company, code hobbyist, or looking for a new career — this course gives you an immensely valuable skill that will enable you to either:

Make money on the side

So you can save up for that Hawaiian vacation you’ve been wanting, help pay off your debt, your car, your mortgage, or simply just to have bonus cash laying around.

Create a full-time income

WordPress developers have options. Many developers make a generous living off of creating custom WordPress themes and selling them on websites like ThemeForest. Freelance designers and developers can also take on WordPress projects and make an extra $1,000 – $5,000+ per month.

Who Should Take This Course?

Graphic & Web Designers

Graphic designers are extremely talented, but ask them to code their designs and they’ll freeze up! This leaves them with no other choice but to hire a web developer. Any professional graphic designers knows web developers can be expensive.

If you’re a designer, learning to code your own WordPress websites can change your business entirely! Now, not only are you a great designer, but you’re a skillful developer, too! This puts you in a position tomake an extra $1,000 – $5,000 per project.

Entrepreneurs

Entrepreneurs have big dreams, and in many cases, shoestring budgets. In order to survive in the cut-throat world of the Startup company, it’s a necessity to have a world-class website. However, world-class websites come with a large price tag.

If you can learn how to build a high-quality startup website by yourself, then you’ve just saved yourself a lot of cash, tens of thousands of dollars in many cases.

Employees of a company

Any company knows the education & training of their employees is key to a thriving team.

Depending on the type of company you work for, if you understand how to code, and can develop CMS driven websites, that gives you negotiating power for a better position, or a higher salary.

Code Hobbyists

It’s fun to learn challenging new skills. Code hobbyists can add dynamic websites to their arsenal of tools to play with — you can even sell WordPress themes and plugins for cash! The possibilities are truly endless.

People Looking for a New Career

Are you out of work? Looking for a more rewarding job? Desire a career that can allow you to work almost anywhere in the world? Becoming a Web Developer might be the answer for you.

Web developers are paid well, anywhere from $33,000 to more than $105,000 per year. They get to work at amazing companies that are changing the world, or they enjoy the ability to start their own companies, become location-independent and work from home, from coffee shops, in an airplane, on the beach, or wherever they want!

Final Project Features

Throughout this entire course, you work towards building an incredibly beautiful, 100% custom website using the Bootstrap framework. The coolest part? The Bootstrap website doesn’t look anything like the Bootstrap websites you see all over the Internet. It’s a highly customized design, and the type of website layout I use when I build custom WordPress websites for my real-life clients.

The final project features:

Sexy & Modern Design

You get to work with a modern, professional quality design & layout.

Quality HTML5 & CSS3

You’ll learn how hand-craft a stunning website with valid, semantic and beautiful HTML5 & CSS3.

Easy-to-use CMS

Allow your clients to easily update their websites by converting your static websites to dynamic websites, using WordPress.

You can dramatically increase your efficiency, and supercharge your web development skills. And by doing so, you’ll effectively be able to take on more projects, charge higher rates, and make more money as a freelancer.

Why take this course?

I don’t mess around. I do this for a living, and I’m sharing you my exact process for making a comfortable living as a work-from-home web developer. There is absolutely no filler in this course, no fluff, just 100% quality content, nothing less. If you take this course, follow my lead, and take action — I guarantee you will not only love the course, but you’ll see real results; you will have the skills & confidence to take on WordPress projects for clients, charge more money, and make the value of the course back in a single project. If you hate the course (which you won’t) you have 30-days to get a 100% refund — no risk, no problem.

Stop wasting time, and come learn with me! Enroll today!

 

Brad Hussey
A highly skilled professional, Brad Hussey is a passionate and experienced web designer, developer, blogger and digital entrepreneur. Hailing from North Of The Wall (Yellowknife, Canada), Brad made the trek to the Wet Coast (Vancouver, Canada) to educate and equip himself with the necessary skills to become a spearhead in his trade of solving problems on the web, crafting design solutions, and speaking in code.
Brad’s determination and love for what he does has landed him in some pretty interesting places with some neat people. He’s had the privilege of working with, and providing solutions for, numerous businesses, big & small, across the Americas.
Brad builds custom websites, and provides design solutions for a wide-array of clientele at his company, Brightside Studios. He regularly blogs about passive income, living your life to the fullest, and provides premium quality web design tutorials and courses for tens of thousands of amazing people desiring to master the craft.

13  Hours

82 Lessons

Lifetime Access

Course Curriculum

Preview Course

Introduction
Welcome To The Course! You Made The Right Decision (4:31)
The (Beautiful) Final WordPress Website You Are Going To Build In This Course (8:09)
What You Need To Know About Bootstrap
What is Bootstrap? And Why Mastering It Will Save You Hundreds of Hours (5:21)
Bootstrap Pop Quiz
What You Need To Know About WordPress
What is WordPress? And Why You Should Care So Much About It (4:16)
Two Ways Building Custom WordPress Websites Will Make You More Money (10:00)
My Fear Of Building Custom WordPress Websites Cost Me $24,000 (9:08)
Static vs. Dynamic Websites, Which Is Better? (Hint: One Is Way More Valuable) (2:56)
WordPress Pop Quiz
Information Architecture
Why You Must Always Your Website With a Sketch (4:56)
Recommended Resources for Sketching & Wireframing Your Website (6:35)
Information Architecture Quiz
Environment Setup: Get Your Project Started
Free Download: The Bootstrap Framework (4:15)
Free Download: The Final Course Files + WordPress Theme! (5:06)
Setting Up Your Project Environment (4:38)
Bootstrap Templates: The Home Page
Code The Basic Webpage Layout (10:59)
Adding External Scripts to Your HTML Document (5:44)
Install Free Icon Fonts with FontAwesome (5:54)
Install Free Web Fonts with TypeKit & Google Fonts (6:30)
Code the Header and Navigation Sections (12:06)
Code the Hero Section (9:39)
Style the Hero Section with CSS (13:25)
Learn How To Create The Parallax Scrolling Effect in Less Than 5-Minutes (6:34)
Learn to Code a High-Converting “Opt-In” Section (7:19)
Learn How to Create a Modal Popup using Bootstrap (8:26)
Code the “Boost Your Income” Section (5:32)
Code the “Who Should Take This Course” Section (5:27)
Code the “Course Features” Section Using CSS Sprites (12:24)
Code the “Final Project” Section (7:09)
Code the Featurette Section and Embed a YouTube Video (7:13)
Code the Instructor Section (Plus BONUS Elvis Impressions!) (12:39)
Code Beautiful CSS3 Circles (10:16)
The Simple Trick to Vertically Align Your Content Within an Element (5:20)
Code the Testimonials and Learn to Turn Square Images into Circles using CSS3 (11:27)
Code the Sign Up Section (9:53)
Code the Footer (8:58)
Responsive Media Queries & General CSS Cleanup (9:17)
Bootstrap Templates: The Blog Overview
Code the Basic Markup Structure (5:53)
Code the Blog Excerpts with HTML (10:58)
Style the Blog Excerpts with CSS (15:35)
Code and Style the Sidebar & Widgets (12:29)
Bootstrap Templates: The Blog Posts
Code the Blog Post (6:22)
Code the Comments Section (16:17)
Bootstrap Templates: The Resources Page
The Importance of a Resources Page (5:10)
Code the 3-Column Layout Resources Page (15:00)
Bootstrap Templates: The Contact Page
Code the Contact Form (10:52)
WordPress Theme: Set Up
Download the Latest Version of WordPress (1:42)
Create Your “Underscores” er Theme (3:54)
Install WordPress on Your Local Machine in Under 5-Minutes (7:20)
Installing Your Underscores Theme (3:24)
Convert Your Static Header to a Dynamic Header (8:35)
Cover Your Assets (Adding Your Styles, Scripts, Fonts & Images) (10:33)
Clean Up Your Stylesheet & Modify Your CSS for WordPress (13:22)
Convert Your Static Footer to a Dynamic Footer (3:29)
Convert Your Static Templates: Home Page
Create a Home Page WordPress Template (13:20)
Code the Hero & Use “Custom Fields” for Extra Info (17:03)
Amazing Plugin: Advanced Custom Fields (4:32)
Code the “Boost Your Income” Section with Advanced Custom Fields (24:57)
Code the “Who Should Take This Course” Section with Advanced Custom Fields (8:43)
Amazing Plugin: Custom Post Types UI (3:51)
Add “Course Features” Using CPT & Advanced Custom Fields (22:15)
Add the “Project Features” with Custom Post Types UI (12:29)
Code the Instructor Section with Advanced Custom Fields (15:45)
Code the Testimonials with Custom Post Types (8:43)
Clean Your Template Using get_template_part() (17:59)
Convert Your Static Templates: Resources Page
Create a Custom Resources Template (4:02)
Add a Feature Image, and a Fallback Image (6:49)
How to Add a Resource and Display It In Your Custom Theme (16:50)
Convert Your Static Templates: The Blog
Easily Set Up Your Custom Blog Index Page (5:23)
Code Your Individual Blog Excerpts (17:17)
Code the Full Blog Post (5:33)
Style and Customize the Comments Section (5:14)
Customize the Archive Template (7:00)
Customize the Search Results Template (5:49)
Convert Your Static Templates: Contact Page
Create & Customize a Full Width Template (7:42)
Install Contact Form 7 Plugin and Add Your Custom Form (12:33)
Finalize Your WordPress Theme
Adding & Customizing Your Sidebar Widgets (9:58)
Register and Organize Your Custom WordPress Menus (10:26)
Create a Useful & Engaging 404 Page (13:55)
Launching Your WordPress Website
First, You’re Going To Need a Reliable & Affordable Web Host (7:42)
Install WordPress Like a Pro (3:45)
Install and Configure Your Custom WordPress Theme on a Live Server (11:25)
The Final Details
Track Your Visitors With Google Analytics (3:25)
You’ve Created Your Own Custom WordPress Theme! Now What? (5:25)
Bonus Lectures: Tips & Tricks
Why You Should NEVER Remove CSS Outlines (2:38)

HTML5 and CSS3 site design

HTML5 and CSS3 Site Design

Instructor: Stone River eLearning

OverviewDescriptionAbout

Build websites from scratch – the right way.

Need to learn how to build a website, or brush up on your coding skills to enhance an existing site? This course will show you, step-by-step, how to set up a web site from scratch and tips and tricks of the trade to make your site more attractive and user-friendly.

Need to learn how to build a website, or brush up on your coding skills to enhance an existing site? This course will show you, step-by-step, how to set up a web site from scratch and tips and tricks of the trade to make your site more attractive and user-friendly.

Stone River eLearning

Stone River eLearning is owned and operated by Mark Trego and his support and development staff of outstanding eLearning enthusiasts from around the world. Mark originally hails from Bismarck, North Dakota in the U.S., but now resides in the little town of Sheldon, Iowa where he lives with his wife and 3 children on a working farm just outside of town.

Mark’s passions are entrepreneurship and online learning, so it was only natural that he gravitated towards what became the Stone River family of companies. Mark received his Master’s Degree in Business Administration/Entrepreneurship from Benedictine University in Chicago. His early career found him in finance, but he really found his passion as an education technology professional, instructional designer and teacher before starting Stone River eLearning in 2011.

7  Hours

61 Lessons

Lifetime Access

Course Curriculum

Preview Course

Introduction
Welcome to HTML5 & CSS3! (1:26)
A Look At What We’ll Build (2:15)
Let’s Get Started!
Programs I’ll Be Using (3:35)
In The Beginning…HTML Fundamentals (11:20)
Understanding What CSS is All About (6:36)
Viewing A Page’s Background Code (4:17)
Gettin’ Your Files Organized!
Organizing Site Files (6:55)
Creating A Page and Understanding Index Files (5:43)
Setting Up An External Style Sheet (3:37)
Doin’ Nuthin’? Let’s Build A Web Layout From Scratch!
Setting Up The Page Structure (7:05)
Connecting the External Style Sheet and Testing (8:15)
Inserting and Formatting the Site Header (7:37)
Finishing Up The Basic Layout (4:50)
Debugging for Internet Explorer (3:25)
Understanding How the Layout Works (5:51)
Using Divs for Page Layout (7:15)
A More Economical Approach to Layout and CSS (7:52)
Using Float And Clear (5:55)
Centering the Layout (9:02)
Nesting Layout Objects (7:05)
Spacing Apart the Layout (9:13)
Final Touches (4:47)
Insertin’ And Formattin’ Text!
Inserting Text Into the Layout (4:27)
Setting Up Paragraphs and Headings (4:37)
Adjusting the Layout For Text, Part 1 (7:37)
Adjusting the Layout For Text, Part 2 (5:21)
Formatting HTML Headings with CSS (6:50)
Formatting Paragraphs (4:11)
Using Class Rules to Format Text (5:24)
More Formatting with Class Rules (9:08)
Working More Efficiently with CSS (6:54)
Inserting and Formatting Lists (6:42)
Using A List to Build The Main Navigation Menu (10:17)
Setting Up the Footer Navigation (6:31)
Now It’s Time For Some Graphics!
Inserting an Image (6:39)
Resizing Images with your Graphics Editor (4:53)
Controlling Graphics with CSS (7:08)
Inserting the FeatureBox Images (7:12)
Adjusting the FeatureBox Layout (2:57)
Setting Up the FeatureBox Titles (6:20)
Illustrator, Photoshop, HTML, and CSS Workflow (7:29)
Site Rollout: From A Single Page To A Multi-Page Site!
Getting Ready for Site Rollout (3:48)
How to Not Roll Out A Website (7:08)
Rollout Part 1: Setting Internal Hyperlinks (4:38)
Rollout Part 2: Creating The Site’s Pages (1:32)
Previewing And Testing The Site (4:04)
A Final Thought on Site Rollout (5:27)
Inserting Additional Page Elements!
Adjusting the Site’s Hyperlink Formatting (7:10)
Inserting A Simple Slideshow (8:30)
Inserting and Formatting Tables (8:16)
Inserting A Google Map (7:52)
Formatting A Customer Testimonial Page (7:08)
Setting Up A Contact Us Page (6:45)
Finalizing the Site (11:56)
Organizing the CSS File (5:29)
Going Live: Uploading the Completed Site!
Setting the Remote Site Info (4:03)
Uploading the Local Site to the Remote Server (2:25)
Testing the Live Site (2:05)
Making Edits and Updating the Live Site (6:51)
Testing And Debugging For Other Browsers (9:54)
Wrapping Up HTML5 & CSS3
Where to Go from Here (3:13)

The Complete Front-End Web Development Course!

The Complete Front-End Web Development Course!

Instructor: Joseph Delgadillo

OverviewDescriptionAbout

Get started as a front-end web developer using HTML, CSS, JavaScript, jQuery, and Bootstrap!

If you would like to get started as a front-end web developer, you are going to LOVE this course! Work on projects ranging from a simple HTML page to a complete JavaScript based Google Chrome extension.

If you would like to get started as a front-end web developer, you are going to LOVE this course! Work on projects ranging from a simple HTML page to a complete JavaScript based Google Chrome extension. We will cover the following technologies in this course:

  • Web development basics with HTML
  • Cascading Style Sheets (CSS)
  • JavaScript programming
  • jQuery JavaScript library
  • Bootstrap framework

This course covers the most popular web development frameworks, and will get you started on your path towards becoming a full-stack web developer!

Still not sold? Check out a few of the awesome reviews this course has received!

“Excellent Course! Highly Recommend It! Such a great hands on experience with this course.”

“Very nice course, covers all the stuff you need, good voice and good explanation makes it perfect for people that are new to HTML. Also there’s some best practices recommendations which are useful even for advanced developers.”

“Excellence in giving the optimal set of tools for web development beginners seeking a well-rounded start for professional web development.”

Thank you for taking the time to read this, and we hope to see you in the course!

Joseph Delgadillo

Joseph Delgadillo is the founder of JTDigital Courses, an education technology company. He has been active in the online learning community since 2015 and has worked with multiple startups. As of 2020, over 1 million students across the globe have enrolled in his courses covering ethical hacking, Python programming, web development and more.

He graduated with honors from Central Washington University.

16:48  Hours

119 Lessons

Lifetime Access

Course Curriculum

Preview Course

Welcome to the Course!
Introduction to the course (1:46)
Atom setup (4:58)
Web Development Basics – HTML
HTML document structure (4:05)
HTML elements – div and span (6:43)
HTML elements – i, b, p, and a (6:28)
HTML elements – ul, li, and ol (5:23)
HTML elements – header and footer (5:21)
HTML elements – section, main, and article (8:14)
HTML elements – h1-h6 and aside (3:16)
HTML tables (9:56)
Project #1 – HTML text site (8:30)
Advanced HTML Concepts
Images (3:30)
Forms (4:48)
Inputs (7:01)
Checkboxes (4:55)
Radio buttons (4:40)
Select, option, and buttons (6:19)
HTML5 videos (7:13)
HTML5 audio (4:35)
Doctypes (2:58)
Meta tags (7:13)
Introduction to Cascading Style Sheets (CSS)
Targeting color and background (15:58)
Element specificity (3:48)
ID targeting, margin, and border (11:50)
Padding, margin, and float (8:10)
Max-width and background-image (16:43)
Switching over to an IDE (1:45)
Font weight, style, and family (13:43)
Text decorations (3:51)
Text spacing (3:54)
Text decoration modification (4:16)
Text shadow (7:42)
Advanced CSS
Psuedo-states (8:52)
Border radius (8:27)
Positions (9:04)
Psuedo-elements (6:54)
Z-index (5:50)
Viewpoint width and height, overflowing content (7:20)
Transition property (5:30)
JavaScript for Beginners
Intro to JavaScript (4:23)
Alerts and console logging (5:44)
Integers, strings, and variables (6:49)
Undefined variables and modifying values of variables (5:27)
Boolean operators (2:48)
Comparing values (5:10)
If statements (10:53)
For loops (3:19)
Defining functions (6:04)
Event handling (9:06)
Setting an elements innerHTML (2:49)
More JavaScript Concepts
Arrays pt.1 (5:57)
Arrays pt.2 (6:55)
Arrays pt.3 (5:24)
Textareas and getting the values of inputs (13:43)
Functions – parameters and return values (7:34)
Multiple parameters in functions (5:01)
Flexible function parameters (11:57)
Exercise – find the missing number (7:52)
Exercise solution (7:33)
Classes explained (4:55)
Class constructor, instance variables, and static variables (9:07)
Extending classes (13:39)
Getting Started with jQuery
jQuery setup (6:17)
Targeting elements (4:10)
Event handling (10:48)
Dropdown menus (22:22)
Making our dropdown disappear (4:36)
Multiple targets, events, and attr method (8:45)
Prepend, append, and html (5:16)
preventDefault (6:11)
event.which and switch properties (9:01)
Custom context menu, pageY, and pageX (13:28)
is method (7:54)
More jQuery
Writing our own version of jQuery (17:23)
First and last (1:59)
Find method (4:40)
Focusin and focusout (11:21)
Contains, is, and hasClass (7:08)
Each method (2:36)
Callbacks (7:14)
CSS (5:03)
Bootstrap Basics
Bootstrap setup (6:48)
Navbar pt.1 (6:44)
Navbar pt.2 (10:41)
Forms pt.1 (13:59)
Forms pt.2 (4:41)
Buttons (5:43)
Project #2 – Pipboy from Fallout 4
Setup (9:14)
Navbar (7:35)
Main page (6:45)
Pipboy image and footer (13:24)
Colors (5:03)
Font and styling main nav (13:03)
Scanlines (6:19)
Navigation styling (9:43)
Tabs (8:57)
Progress bars (10:11)
Stat bars (13:35)
Footer fixes (2:08)
Damage and resistance (5:27)
Icons (12:51)
Inventory template (4:11)
Item list (13:02)
Weapon stat container (11:05)
Finishing touches with JavaScript (17:53)
Project #3 – Google Chrome Extension
Problem solving (5:15)
Manifest files (5:56)
Basic setup (3:14)
Getting video URLs (2:07)
Injecting JavaScript (5:56)
Getting pretty objects for each URL (4:46)
Creating download options list (16:29)
Communicating between the page and extension (9:25)
Chrome downloads API and background scripts (7:58)
Receiving messages and downloading files (5:44)
Styling our extension and publishing (9:13)
Final Thoughts
Tips for getting Started as a freelance web developer (16:07)

Learn Bootstrap Design a Custom Landing Page in Bootstrap 4

Learn Bootstrap: Design a Custom Landing Page in Bootstrap 4

Instructor: Adam Eubanks

OverviewDescriptionAbout

Use The Latest and Greatest Bootstrap 4 to Turn a Boring Landing Page Into a Great One, And Learn Design Tips Too!

This course will fast track you from zero to hero in web design by teaching you the wildly popular Bootstrap 4 web framework.

Bootstrap is a wildly popular HTML, CSS, and JavaScript framework built for building and designing beautiful applications quickly that work on all devices, especially on mobile.

This course will fast track you from zero to hero in web design by teaching you the wildly popular Bootstrap 4 web framework.

Bootstrap is a wildly popular HTML, CSS, and JavaScript framework built for building and designing beautiful applications quickly that work on all devices, especially on mobile.

By learning bootstrap, you are putting yourself ahead of the tech game. You will be able to build beautiful, professional-looking websites extremely quickly.

In this course, you will discover the importance of Bootstrap, and be able to use it for what it’s best for, making websites look amazing. We will go step by step to learn how to use various features in Bootstrap 4 (some unique only to bootstrap 4). We will learn the basics and then some.

This course will give you steady ground in bootstrap, and allow for you to keep up with the technology as it evolves. This course will help take you from no bootstrap knowledge whatsoever to using it to build great websites.

The majority of this course will be spent on taking a landing page with absolutely no styling or images, and applying bootstrap to it to make it look amazing. Along the way, we will learn about how bootstrap works and what makes it so great. We will learn basic concepts in design, as well as less prominent bootstrap features.

This course will get you kick started with bootstrap and will help you make beautiful websites. We won’t just learn bootstrap, but we will also learn about web design, and key things that make sites look awesome. We will learn about what makes modern websites look so nice, and how to use bootstrap to make our websites look nice.

Overall, this course has everything you need. We will walk you through installation, show you how bootstrap is structured, show you different themes, elements, and so much more. By learning the essentials of bootstrap, this course also teaches you the do’s and don’ts of web design. Bootstrap makes web design easy and fast, two things that busy people may need in a course.

I hope that you consider purchasing this course, feel free to DM me with any questions at all.

So what are you waiting for? Let’s get started!

Who this course is for:

  • Wants to get started with Bootstrap web design quickly
  • Wants to learn how to create custom Bootstrap applications
  • Wants to master numerous features in Bootstrap 4
  • Does not want to waste time or money on a course

 

Adam Eubanks

I am a self taught programmer and learning enthusiast. My expertise is mainly in Artificial Intelligence, Ruby on Rails web development, Python and Linux. I hope that my courses will help students learn things that I had difficulty with in an easier and more fun way. These courses are meant to be short, sweet and quick to the point.

1:05 Hours

20 Lessons

Lifetime Access

Course Curriculum

Preview Course

Introduction
Welcome To The Course!
What We’ll Be Building (1:16)
What Is Bootstrap? (1:32)
Why Should You Learn Bootstrap? (1:15)
The 3 S’s of Design
Getting The Test Code (1:51)
Importing The CDN (2:08)
Creating The Navbar
Creating The Navbar (3:26)
Adding Social Media Links To The Navbar (3:34)
Creating the Carousel
Creating The Carousel (8:07)
Fixing The Carousel (1:48)
Finalizing The Carousel (2:30)
Cards and Columns
Introduction To Cards (1:21)
Creating Cards (5:32)
What Are Bootstrap Columns (1:43)
Using Columns on Our Site (3:09)
Finishing The Cards (4:51)
Styling The Form (6:59)
Reference Guide For The Grid System
Additional Elements
Diving Into Buttons (4:16)
Tags (2:00)
The Jumbotron (3:05)
Bootstrap Themes (2:45)
Reference Guide For This Section
Conclusion
Quiz 1: The Final Test

Responsive Web Design - Made Easy!

Responsive Web Design - Made Easy!

Instructor: EDUmobile Academy

OverviewDescriptionAbout

Learn how to create modern day websites with HTML5, CSS3, JQuery, Bootstrap, Frameworks such as Boilerplate and Zurb.

Learn how to create modern day websites using Responsive Web Design with HTML5 and CSS3 – in less than 7 hours!

Learn how to create modern day websites using Responsive Web Design with HTML5 and CSS3 – in less than 7 hours!

The mobile web is not going anywhere – it’s only getting bigger… And, YOU need to be in on the action!

As the mobile web gets bigger than desktop PC and laptop browsing – this is one skill you absolutely need in your bag of tricks!

Impress your clients or land a higher paying job or build that dream website with all the cool web technologies.

In this course, you will master the tricks and techniques that modern web development gurus use to create fancy sites that work on any browser or device… be it any mobile phone, tablet, browser, desktop or laptop.

Here’s What You Get…

 This course is for any level of developer …whether you just know the basics of HTML or you are a development guru – there is something for everyone.

 Access and download the full course immediately upon payment – so you can learn at your own pace!

 We start out with an overview of the mobile web and the importance of mobile design & development.

We discuss what responsive web design actually means, and we look at the various tools we can use with responsive web design such as testing and code tools.

 You will learn how to format an HTML5 document and use proper techniques when coding.

 The layouts we create will be 100% responsive including a fluid layout, flexible images and media queries.

 We will build a custom project from scratch that shows you what goes into setting things up, step by step.

The course is taught over SIX Sessions, spanning 7 hours of easy to follow Videos with real examples and source code.

EDUmobile Academy

EDUmobile Academy develops high quality video training courses around topics in mobile development including iPhone, Android, Windows Phone, Java, Responsive Web Design and other emerging technologies.

Every course is created by an expert developer AND a trained mentor in the area of expertise.

Each course undergoes a rigorous planning, review and an internal quality check phase – to ensure that the teaching is of highest standards available online.

EDUmobile Academy was founded in 2008 when smart phones were just emerging into the market. Founder Vishal Lamba is experienced in multiple areas of digital design, mobile development and design, web technologies and digital marketing. He has a mathematics and computer science degree from Lawrence University, USA.

Vishal works closely with content creators and teachers to ensure that every course released meets the internal rigorous quality standards.

All course creators and trainers are currently based in the USA. Support for each course on Udemy is provided with quick turn around by a small team of developers and trainers.

6:50  Hours

27 Lessons

Lifetime Access

Course Curriculum

Preview Course

Mobile Web Overview
The Importance of Mobile Web (9:52)
What is Responsive Web Design (10:22)
Tools for Responsive Design – Part 1 (11:22)
Tools for Responsive Design – Part 2 (21:22)
Environment Setup (8:23)
HTML5 Structure
File & Folder Structure (10:41)
HTML5 Structure – Part 1 (23:43)
HTML5 Structure – Part 2 (11:31)
The Viewport Meta Tag (6:58)
Responsive CSS Fluid Layouts
Base CSS (15:15)
Fluid Layout (20:41)
Sticky Footer (27:51)
CSS3 Media Queries
JQuery Screen Size Display (11:38)
Media Queries for iPads & Laptops (15:27)
Responsive Navigation (13:04)
Media Queries for Smartphones (18:29)
Responsive Forms (8:40)
CSS3 Transitions (8:18)
Twitter Bootstrap
Bootstrap Overview (9:58)
File Structure (14:15)
Navbar (11:38)
Jumbotron & Grid (21:37)
Grids & Panels (18:48)
Forms, Wells & Footer (14:22)
Other Frameworks
Zurb Foundation (16:40)
HTML5 Boilerplate (10:31)
Skeleton (9:02)

$19