Get $1 credit for every $25 spent!

Complete Front-End Hacker Bundle

Courses
5
Enrolled
695

What's Included

Product Details

Access
Lifetime
Content
48 hours
Lessons
82

Boost Your Income w/ Bootstrap & WordPress

Cut Down on Development Time & Make Extra Cash Coding WordPress Sites

By Fedora | in Online Courses

  • Build your HTML, CSS & PHP knowledge w/ this video course
  • Add & customize your sidebar widgets
  • Navigate & understand WordPress
  • Wireframe your website
  • Track your visitors w/ Google Analytics
  • Add coding to your graphic & web designer resume
  • Become a freelance designer or developer making WordPress sites
  • Build & customize websites using the Bootstrap framework
Brad Hussey is a highly skilled professional and digital entrepreneur who is passionate and experienced in web designing, developing, and blogging. He's had the privilege of working with, and providing solutions for, numerous businesses, big and small, across the Americas. Brad builds custom websites, and provides design solutions for a wide array of clientele at his company, Brightside Studios. For more details on this course and instructor, click here.

Details & Requirements

  • Length of time users can access this course: lifetime
  • Access options: web streaming
  • Certification of completion not included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: all level

Compatibility

  • Internet required

Course Outline

  • Introduction
    • Welcome To The Course! You Made The Right Decision
    • The Beautiful) Final WordPress Website You Are Going To Build In This Course
  • What You Need To Know About Bootstrap
    • What is Bootstrap? And Why Mastering It Will Save You Hundreds of Hours
  • What You Need To Know About WordPress
    • What is WordPress? And Why You Should Care So Much About It
    • Two Ways Building Custom WordPress Websites Will Make You More Money
    • My Fear Of Building Custom WordPress Websites Cost Me $24,000
    • Static vs. Dynamic Websites, Which Is Better? (Hint: One is more valuable)
  • Information Architecture
    • Why You Must Always Start Your Website With a Sketch
    • Recommended Resources for Sketching & Wireframing Your Website
  • Environment Setup: Get Your Project Started
    • Free Download: The Bootstrap Framework
    • Free Download: The Final Course Files
    • Setting Up Your Project Environment
  • Bootstrap Templates: The Home Page
    • Code The Basic Webpage Layout
    • Adding External Scripts to Your HTML Document
    • Install Free Icon Fonts with FontAwesome
    • Install Free Web Fonts with TypeKit & Google Fonts
    • Code the Header and Navigation Sections
    • Code the Hero Section
    • Style the Hero Section with CSS
    • Learn How To Create The Parallax Scrolling Effect in Less Than 5-Minutes
    • Learn to Code a High-Converting "Opt-In" Section
    • Learn How to Create a Modal Popup using Bootstrap
    • Code the "Boost Your Income" Section
    • Code the "Who Should Take This Course" Section
    • Code the "Course Features" Section Using CSS Sprites
    • Code the "Final Project" Section
    • Code the Featurette Section and Embed a YouTube Video
    • Code the Instructor Section (Plus BONUS Elvis Impressions!)
    • Code Beautiful CSS3 Circles
    • The Simple Trick to Vertically Align Your Content Within an Element
    • Code the Testimonials and Learn to Turn Square Images into Circles using CSS3
    • Code the Sign Up Section
    • Code the Footer
    • Responsive Media Queries & General CSS Cleanup
  • Bootstrap Templates: The Blog Overview
    • Code the Basic Markup Structure
    • Code the Blog Excerpts with HTML
    • Style the Blog Excerpts with CSS
    • Code and Style the Sidebar & Widgets
  • Bootstrap Templates: The Blog Posts
    • Code the Blog Post
    • Code the Comments Section
  • Bootstrap Templates: The Resources Page
    • The Importance of a Resources Page
    • Code the 3-Column Layout Resources Page
  • Bootstrap Templates: The Contact Page
    • Code the Contact Form
  • WordPress Theme: Set Up
    • Download the Latest Version of WordPress
    • Create Your "Underscores" Starter Theme
    • Install WordPress on Your Local Machine in Under 5-Minutes
    • Installing Your Underscores Theme
    • Convert Your Static Header to a Dynamic Header
    • Cover Your Assets (Adding Your Styles, Scripts, Fonts & Images)
    • Clean Up Your Stylesheet & Modify Your CSS for WordPress
    • Convert Your Static Footer to a Dynamic Footer
  • Convert Your Static Templates: Home Page
    • Create a Home Page WordPress Template
    • Code the Hero & Use "Custom Fields" for Extra Info
    • Amazing Plugin: Advanced Custom Fields
    • Code the "Boost Your Income" Section with Advanced Custom Fields
    • Code the "Who Should Take This Course" Section with Advanced Custom Fields
    • Amazing Plugin: Custom Post Types UI
    • Add "Course Features" Using CPT & Advanced Custom Fields
    • Add the "Project Features" with Custom Post Types UI
    • Code the Instructor Section with Advanced Custom Fields
    • Code the Testimonials with Custom Post Types
    • Clean Your Template Using gettemplatepart
  • Convert Your Static Templates: Resources Page
    • Create a Custom Resources Template
    • Add a Feature Image, and a Fallback Image
    • How to Add a Resource and Display It In Your Custom Theme
  • Convert Your Static Templates: The Blog
    • Easily Set Up Your Custom Blog Index Page
    • Code Your Individual Blog Excerpts
    • Code the Full Blog Post
    • Style and Customize the Comments Section
    • Customize the Archive Template
    • Customize the Search Results Template
  • Convert Your Static Templates: Contact Page
    • Create & Customize a Full Width Template
    • Install Contact Form 7 Plugin and Add Your Custom Form
  • Finalize Your WordPress Theme
    • Adding & Customizing Your Sidebar Widgets
    • Register and Organize Your Custom WordPress Menus
    • Create a Useful & Engaging 404 Page
  • Launching Your WordPress Website
    • First, You're Going To Need a Reliable & Affordable Web Host
    • Install WordPress Like a Pro
    • Install and Configure Your Custom WordPress Theme on a Live Server
  • The Final Details
    • Track Your Visitors With Google Analytics
    • You've Created Your Own Custom WordPress Theme! Now What?
  • Bonus Lectures: Tips & Tricks
    • Why You Should NEVER Remove CSS Outlines

View Full Curriculum


Learn to Build Responsive Websites with HTML5 & CSS

Dive into HTML & CSS Projects to Master Website Creation

By Fedora | in Online Courses

  • Build 4 different websites: a landing page, blog template, magazine layout & portfolio
  • Successfully use a text-editor to build sites
  • Master responsive design
  • Utilize powerful frameworks & tools such as Bootstrap, Font-Awesome, Google Forms & more
  • Optimize SEO & SMO to grow your audience fast
  • Take payments on your site
  • Host your site for free & get it live with your own custom domain name
  • Ask questions & chat live with other students
Ryan is the Founder and Teacher at Maker-Based Education. He works daily to make it as easy and fun as possible to learn to code. You'll catch him eating Mexican food every meal and downing more hot sauce than any human should. For more details on this course and instructor, click here.

Details & Requirements

  • Length of time users can access this course: lifetime
  • Access options: web streaming
  • Certification of completion included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: all level

Compatibility

  • Internet browser required

Access
Lifetime
Content
11.5 hours
Lessons
59

User Experience Design Fundamentals

Increase Conversion Rates w/ 11+ Hours of UX Design Training

By Fedora | in Online Courses

  • 59 lectures, 11.5 hours of content
  • Effectively engage users & increase conversion rates
  • Make design decisions on layout, color, information, typography & more
  • Create technical specifications & optimize navigation design
  • Conduct A/B tests & build wireframes
  • Understand the elements of user experience:
    • Strategy
    • Scope
    • Structure & skeleton
    • Surface
Joe Natoli is a 25-year UX and UI industry veteran with experience working with a wide range of companies, from Fortune 100 powerhouses to small companies, and everything in between. Joe is highly results-orientated and brings this focus into each course he teaches. For more details on this course and instructor, click here.

Details & Requirements

  • Length of time users can access this course: lifetime
  • Access options: web streaming
  • Certification of completion not included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: all level

Compatibility

  • Internet required

Course Outline

  • What is User Experience Design?
    • Introduction: A UXD Parable
    • What UXD Isn't
    • What UXD Is
    • Technology Changes, People Don't
    • Why Should We Care About UXD?
  • Understanding the Elements of User Experience
    • The Elements of User Experience
    • Exploring the Elements of User Experience
    • How the Elements Work Together
  • Using the Elements - Strategy
    • Using the Elements: Strategy
    • The Research Process
    • Identifying Business Goals
    • Identifying B2B User Needs
    • Identifying B2C User Needs
    • Three Crucial Questions
    • First Use Questions
    • Strategy Takeaways
    • Strategy Lab Exercise
  • Using the Elements - Scope
    • Using the Elements: Scope
    • Defining the Scope
    • Functional Specifications
    • Content Requirements
    • Generating Effective Requirements
    • Prioritizing Specifications and Requirements
    • Scope Takeaways
    • Scope Lab Exercise
  • Using the Elements - Structure
    • Using the Elements: Structure
    • Defining Structure
    • Interaction Design
    • Information Architecture
    • Organizing Principles
    • Roles and Processes
    • Structure Takeaways
    • Structure Lab Exercise
  • Using the Elements - Skeleton
    • Using the Elements: Skeleton
    • Defining the Skeleton
    • Interface Design
    • Navigation Design
    • Convention and Metaphor
    • Information Design
    • Wireframes
    • Skeleton Takeaways
    • Skeleton Lab Exercise
  • Using the Elements - Surface
    • Using the Elements: Surface
    • Defining the Surface
    • Visual Design Principles
    • Following the Eye
    • Contrast and Uniformity
    • Consistency
    • Color and Typography
    • Surface Takeaways
    • Surface Lab Exercise
  • Takeaways and Resources
    • Things to Remember
    • Tools of the Trade
    • Wireframing and Prototyping Software
    • A/B Testing Software
    • Content Inventory Software
    • User Testing / Feedback Software
    • Analytics Software
    • Informational Websites

View Full Curriculum


Build a Flat Responsive Website From Scratch

A Complete Guide to Creating Sites That Look Great on All Devices

By Fedora | in Online Courses

  • Master the principles of flat web design
  • Plan & create wireframes for potential websites
  • Create graphics in Photoshop
  • Convert design into valid HTML & CSS
  • Use Twitter Bootstrap to dynamically adjust your web page layout
  • Make your site responsive
1stWebDesigner consists of a team of designers who have been professionally involved in Web Design for over a decade. Since the beginning of 1stWebDesigner, they have published around 2000 articles and videos on becoming a better web designer in this rapidly changing world. Their articles have been viewed over 100 million times, and they have a strong community of 200,000 followers in various channels. For more details on this course and instructor, click here.

Details & Requirements

  • Length of time users can access this course: lifetime
  • Access options: web streaming
  • Certification of completion included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: all level

Compatibility

  • Internet required

Access
Lifetime
Content
10 hours
Lessons
73

Master Web Design in Photoshop

Create Stunning Website Designs in Photoshop

By Fedora | in Online Courses

  • Over 73 lectures and 9+ hours of content
  • Create beautiful website designs in Photoshop
  • Improve your knowledge & understanding of web design principles
  • Dive into typography, spacing, logo design & layout
  • Examine real-life scenarios to demonstrate how to work w/ clients
  • Watch interactive demos
  • Access inspirational PSD files & templates
  • Utilize all the major tools in Photoshop
  • Get quick yet powerful techniques to get great results instantly
Barin Cristian Doru has been in the web design business for over 5 years. He started out making complete websites, but discovered other ways he could earn a living through web design. From that point on, he learned Photoshop so he could focus on design aspects. For more details on this course and instructor, click here.

Details & Requirements

  • Length of time users can access this course: lifetime
  • Access options: web streaming
  • Certification of completion included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: all level

Compatibility

  • Internet required
  • Photoshop CS4 or up
  • Basic understanding of how Photoshop works


Terms

  • Instant digital redemption