Get $1 credit for every $25 spent!

Bootstrap Beginner Developer Bundle

Ending In:
$345
88% off
add to waitlist
Courses
5
Lessons
236
Enrolled
532

What's Included

Product Details

Access
Lifetime
Content
3 hours
Lessons
28

Twitter Bootstrap Basics For Beginner Programmers

Learn To Hand-Code Your First Responsive Website in 3 Hours

By Udemy | in Online Courses

A beginner step-by-step approach to learning the most popular front-end framework on the web. Save programming time and money by developing your own website layouts with Bootstrap. In just 3-5 hours you absorb the foundation necessary to build a unique and responsive website, decreasing development time by 50% or more.
  • 28+ lectures and 3+ hours of content
  • Learn the fundamentals of Twitter Bootstrap
  • Build a fully-responsive webpage with Bootstrap 3
  • Code a jQuery Sliding Carousel
  • Meet the Bootstrap 3 "grid," and hand-code any layout at hyper speeds
  • Add flair to layouts using components: CSS3 Buttons, Icon Fonts, Device-Specific Text & Elements, Panels, etc.
  • Embed a responsive Google Map right on your website
  • Engage your users with compelling call to actions, and beautiful typography and buttons
Brad Hussey is an experienced web designer, developer, blogger, and digital entrepreneur with a passion for training thousands of students in the world of web design and coding. His company Brightside Studios builds websites and provides design solutions for a wide array of clientele.

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: beginner

Compatibility

  • Text Editor (TextWranger, Espresso, or Coda recommended) and a very basic knowledge of HTML & CSS are required.

Access
Lifetime
Content
2.5 hours
Lessons
28

Introduction to Bootstrap 3

Basic Features & Updates Including Mobile-Friendly Grid System

By Udemy | in Online Courses

Have you considered upgrading to Bootstrap 3, but hesitated to face the learning curve of a new framework? Seamlessly transition to the latest technology with this course, aimed to get you up to speed on the new features and adjustments in just over 2 hours. New updates include the mobile-first fluid grid system, which scales fast layouts to multiple device sizes. Understanding this system is without a doubt essential to staying relevant in an increasingly mobile world.
  • 28+ lectures and 2.5 hours of content
  • Become familiar with the basic features of Bootstrap 3
  • Get to know the different components of version 3
  • Harness the power of Bootstrap using LESS source files
  • See how you can use Bootstrap with Rails 4
  • Learn how to define a simple color scheme using the 1pxdeep tool<
Amin Meyghani is a developer for a digital agency called HD Made and former programming teacher's assistant. A self-taught learner, Amit has a passion for sharing his findings via video tutorials.

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: beginner

Compatibility

  • A basic understanding of CSS, HTML, and Javascript is required.

Access
Lifetime
Content
2 hours
Lessons
12

Learn to Build Websites Using Twitter Bootstrap

A Complete Guide To Mastering Twitter Bootstrap

By Udemy | in Online Courses

In 12 lectures and over 2 hours of content, this course will start from the beginning and swiftly move through the major aspects of the Bootstrap technology, including coverage of Bootstrap 3. The final section covers advanced concepts like CSS rules, navigation bars, drop-downs, and grids to easily create customized websites.
  • 12+ lectures and 2.5+ hours of content
  • Master Twitter Bootstrap
  • Concise but thorough course helps you move to the more advanced concepts
  • Learn to create responsive web design using Bootstrap
Eduonix Learn Solutions creates and distributes high quality technology training content. Their team of industry professionals have been training manpower for more than a decade. They aim to teach technology the way it is used in the professional world. With a professional team of trainers for technologies ranging from mobile and web to enterprise, database and server administration.

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

  • Basic knowledge of HTML and CSS is required.

Course Outline

  • Section 1: Intruduction to Bootstrap
    • Introduction
  • Section 2: What is Twitter Bootstrap
    • What is Twitter Bootstrap
    • Getting Started With Bootstrap
    • Base Markup & CSS
  • Section 3: Creating good looking websites with Twitter Bootstrap
    • Navbar & Dropdowns
    • Jumbotron
    • Rows, Grids & Media Objects
  • Section 4: Advance Concepts
    • List Groups & Glyphicons
    • Forms, Tooltips & Popovers
    • Carousel & Collapse
    • Modals & Tabs
  • Section 5: Course Summary
    • Summary

View Full Curriculum


Access
Lifetime
Content
4 hours
Lessons
34

Build A Responsive Site With Bootstrap 3 In 4 Hours

Dive Into The Mobile-First Framework

By Udemy | in Online Courses

Welcome to better, faster, stronger mobile-friendly web development: Bootstrap 3. In just 4 hours, this course will have you building a functional and interactive site on one of the most popular frameworks available. Commit to this quick yet full spectrum overview and get creating with HTML, CSS, and JavaScript.
  • 34+ lectures and 4+ hours of content
  • Build complex and dynamic site layouts with the 12-column grid system
  • Design your site quickly with CSS built-in classes and other functional components
  • Learn how to override the Bootstrap styling with your custom ideas
  • Understand how to incorporate JavaScript plugins and add interactive elements to your site
  • Design better and faster mobile-friendly websites
  • Free helpful and downloadable eBook
Sandy Ludosky is a web designer and developer based out of Canada with specialization in front-end programming using HTML, CSS, CSS3 Animation, Sass, JavaScript, and JQuery.

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

  • Knowledge of HTML, CSS, JavaScript, and JQuery are required

Access
Lifetime
Content
14 hours
Lessons
134

Code a Responsive Website With HTML5 & CSS for Beginners

Implement Scalable Images & Functional Web Form

By Udemy | in Online Courses

Are you ready to be thrown into the world of HTML5 and CSS? This course will give you the building blocks for creating a website with forms, images, response navigation, and more. With more than 13 hours of content, each unit building on the previous, you will be fully equipped to create a fully functioning website upon completion.
  • 134+ lectures and 13+ hours of content
  • Link documents and images together
  • Use media queries to create phone and desktop navigation
  • Send an email to yourself from a web form
  • Create a beautiful multiple page website and explain what each line of HTML and CSS does
Paul Cheney is an Assistant Professor at Utah Valley University in the Digital Media department. With a master's degree in Instructional Technology, he brings a background in technology and teaching to this course.

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: beginner

Compatibility

  • Windows users need to download a free copy of Notepad ++
  • Mac users need to download a free copy of Text Wrangler
  • Several internet browsers required to test your work

Course Outline

  • Section 1: Welcome
    • Lecture 1 - Introductory Video
    • Lecture 2 - How the web works
    • Lecture 3 - How Dynamic Name Servers or (DNS) works
  • Section 2: Getting Started
    • Lecture 4 - Important Events about the Mobile Market
    • Lecture 5 - Build a wireframe for Desktop and Mobile
    • Lecture 6 - Planning your Website
  • Section 3: Handcoding HTML5
    • Lecture 7 - Semantics for the Web
    • Lecture 8 - Setting up your Workspace for Mac
    • Lecture 9 - Setting up your Workspace for Windows
    • Lecture 10 - Link to HTML5 start file
    • Lecture 11 - Document title
    • Lecture 12- Heading and paragraph
    • Lecture 13 - Block quote and break tag
    • Lecture 14 - HTML comments
    • Lecture 15 - Inline tags
    • Lecture 16 - Ordered and unordered lists
    • Lecture 17 - Definition lists
    • Lecture 18 - HTML5 entities
    • Lecture 19 - Document tree
    • Lecture 20 - Links within a site
    • Lecture 21 - Links outside a site
    • Lecture 22 - Link to an email
    • Lecture 23 - Combination links
    • Lecture 24 - HTML validator
    • Lecture 25 - Page Structure
    • Lecture 26 - Build Example Site Part 1
    • Lecture 27 - Build Example Site Part 2
    • Lecture 28 - Build Example Site Part 3
    • Lecture 29 - Build Example Site Part 4
    • Lecture 30 - View the completed example site
    • Lecture 31 - Introduction to Web Hosting and File Transfer
    • Lecture 32 - Purchasing a Domain
    • Lecture 33 - Saving information from the Email
    • Lecture 34 - Using the File Manager
    • Lecture 35 - Using File Manager to Upload Files
    • Lecture 36 - Uploading Files using Cyberduck
    • Lecture 37 - Adding a Subdomain
    • Lecture 38 - Setting Up Your Email
  • Section 4: Introduction to CSS
    • Lecture 39 - Link to the HTML start file
    • Lecture 40 - Introduction to CSS
    • Lecture 41 - Linking to an external style sheet
    • Lecture 42 - Creating a content division or
    • Lecture 43 - Writing a CSS comment
    • Lecture 44 - Implementing a simplified CSS reset
    • Lecture 45 - Styling built-in selectors
    • Lecture 46 - Setting padding and margin
    • Lecture 47 - Styling lists
    • Lecture 48 - Styling a definition list
    • Lecture 49 - Styling borders
    • Lecture 50 - Styling the navigation
    • Lecture 51 - Understanding psudo classes
    • Lecture 52 - Implementing an active state for the navigation
    • Lecture 53 - Adding a font family from Google
    • Lecture 54 - Understanding HEX colors
    • Lecture 55 - Using various color methods
    • Lecture 56 - Build Example Site Part 1
    • Lecture 57 - Build Example Site Part 2
    • Lecture 58 - Build Example Site Part 3
    • Lecture 59 - Build Example Site Part 4
    • Lecture 60 - Build Example Site Part 5
    • Lecture 61 - Build Example Site Part 6
    • Lecture 62 - View the completed example site
  • Section 5: Adding Images
    • Lecture 63 - Link to the HTML start file
    • Lecture 64 - Inserting an image
    • Lecture 65 - Adding an image caption
    • Lecture 66 - Using the photoshop crop tool
    • Lecture 67 - Creating an image gallery part 1
    • Lecture 68 - Creating an image gallery part 2
    • Lecture 69 - Understanding images formats for web use
    • Lecture 70 - Managing an image that's too big
    • Lecture 71 - Build the Example Site Part 1
    • Lecture 72 - Build the Example Site Part 2
    • Lecture 73 - Build the Example Site Part 3
    • Lecture 74 - Build the Example Site Part 4
    • Lecture 75 - Build the Example Site Part 5
    • Lecture 76 - View the completed example site
  • Section 6: HTML5 Forms for collecting user information
    • Lecture 77 - Link to the HTML start file
    • Lecture 78 - Introduction to forms
    • Lecture 79 - Form inputs and submit
    • Lecture 80 - New HTML5 input types
    • Lecture 81 - Creating a fieldset
    • Lecture 82 - Adding radio buttons
    • Lecture 83 - Adding checkboxes
    • Lecture 84 - Adding a textarea for comments
    • Lecture 85 - Implementing a select with dropdowns
    • Lecture 86 - Adding hidden inputs
    • Lecture 87 - Using HTML5 required and pattern
    • Lecture 88 - Sending email using FormToEmail.php
    • Lecture 89 - Styling your form with CSS
    • Lecture 90 - Build the Example Site part 1
    • Lecture 91 - Build the Example Site part 2
    • Lecture 92 - Build the Example Site part 3
    • Lecture 93 - Build the Example Site part 4
    • Lecture 94 - Build the Example Site part 5
    • Lecture 95 - Build the Example Site part 6
    • Lecture 96 - View the completed example site
  • Section 7: Advanced CSS
    • Lecture 97 - Link to the HTML start file
    • Lecture 98 - Add a new division to control the page width
    • Lecture 99 - Overview of media queries
    • Lecture 100 - Build the phone navigation
    • Lecture 101 - Build the desktop navigation
    • Lecture 102 - Add a gradient image
    • Lecture 103 - Implement a CSS graident
    • Lecture 104 - Add a background image
    • Lecture 105 - Add a graphic for lists
    • Lecture 106 - Creating drop shadows with css
    • Lecture 107 - Tell phones not to lie about their width
    • Lecture 108 - Build the Example Site Part 1
    • Lecture 109 - Build the Example Site Part 2
    • Lecture 110 - Build the Example Site Part 3
    • Lecture 111 - Build the Example Site Part 4
    • Lecture 112 - Build the Example Site Part 5
    • Lecture 113 - Build the Example Site Part 6
    • Lecture 114 - View the completed example site
  • Section 8: Adding the final touches
    • Lecture 115 - Link to the HTML start file
    • Lecture 116 - Explore iFrames
    • Lecture 117 - Embed a youtube video
    • Lecture 118 - Add a Vimeo video to your site
    • Lecture 119 - Add a Google map to your site
    • Lecture 120 - Adding audio as an OGG format
    • Lecture 121 - Add audio as an MP3 format
    • Lecture 122 - Link to a PDF file
    • Lecture 123 - Add a table
    • Lecture 124 - Styling a table with CSS
    • Lecture 125 - Build the Example Site Part 1
    • Lecture 126 - Build the Example Site Part 2
    • Lecture 127 - Build the Example Site Part 3
    • Lecture 128 - Build the Example Site Part 4
    • Lecture 129 - Build the Example Site Part 5
    • Lecture 130 - Build the Example Site Part 6
    • Lecture 131 Build the Example Site Part 7
    • Lecture 132 - View the completed example site
    • Lecture 133 - What's Next?
  • Section 9: Web Analytics
    • Lecture 134 - Web Analytics

View Full Curriculum



Terms

  • Instant digital download
  • Unlimited access to these courses forever