Course Overview
Teacher
Eduonix is the premier training and skill development organization which aims to identify and provide the best learning and training environment. It identifies industry veterans and content creators around the globe and bring it to the global audience... View ProfileDetails
- Total Time 6 hr, 14 min
- Lessons 21
- Attachments 53
- Exercises 94
-
197 CQ
21 Lessons in This Course
-
18 minUI/UX Design lesson 110 CQ
In this introductory lesson, acquaint yourself with what this course entails, learn the fundamentals of using Bootstrap, and download the framework.
with EduonixIn this introductory lesson, acquaint yourself with what this course entails, learn the fundamentals of using Bootstrap, and download the framework.
-
24 minUI/UX Design lesson 213 CQ
Follow along with this lesson to learn how to start building an app sales website complete with a jumbotron, 12-column grid, navigation bar, and more.
with EduonixFollow along with this lesson to learn how to start building an app sales website complete with a jumbotron, 12-column grid, navigation bar, and more.
-
21 minUI/UX Design lesson 311 CQ
Continue working on your app sales website by adding columns, creating the feature section, and styling some of the text, images, and backgrounds.
with EduonixContinue working on your app sales website by adding columns, creating the feature section, and styling some of the text, images, and backgrounds.
-
16 minUI/UX Design lesson 49 CQ
Now that you've finished the homepage of your app sales website, use Bootstrap to code an about page with an accordion module and a contact page with a form.
with EduonixNow that you've finished the homepage of your app sales website, use Bootstrap to code an about page with an accordion module and a contact page with a form.
-
18 minUI/UX Design lesson 510 CQ
In this web design lesson from Eduonix, learn how to use media queries to create a responsive Bootstrap site that looks great on devices of all sizes.
with EduonixIn this web design lesson from Eduonix, learn how to use media queries to create a responsive Bootstrap site that looks great on devices of all sizes.
-
15 minUI/UX Design lesson 68 CQ
Before you begin coding a single-page Bootstrap resumé website, learn about Sass, a CSS pre-processor, and set up a functioning Sass environment.
with EduonixBefore you begin coding a single-page Bootstrap resumé website, learn about Sass, a CSS pre-processor, and set up a functioning Sass environment.
-
25 minUI/UX Design lesson 713 CQ
Learn how to code the index file of your single-page resumé site with the appropriate HTML and add Bootstrap components to flesh out your site's design.
with EduonixLearn how to code the index file of your single-page resumé site with the appropriate HTML and add Bootstrap components to flesh out your site's design.
-
15 minUI/UX Design lesson 88 CQ
Follow along to see how to add CSS using the Sass SCSS file for your Bootstrap resumé site. By lesson's end, you should have a beautiful responsive site!
with EduonixFollow along to see how to add CSS using the Sass SCSS file for your Bootstrap resumé site. By lesson's end, you should have a beautiful responsive site!
-
35 minUI/UX Design lesson 918 CQ
In this web development lesson, begin coding a Facebook-like profile page, complete with a login form, wall, navbar, like option, comment area, and more.
with EduonixIn this web development lesson, begin coding a Facebook-like profile page, complete with a login form, wall, navbar, like option, comment area, and more.
-
21 minUI/UX Design lesson 1011 CQ
Code a few final HTML features and apply CSS to your Bootstrap social network profile page in this front-end web development lesson from Eduonix.
with EduonixCode a few final HTML features and apply CSS to your Bootstrap social network profile page in this front-end web development lesson from Eduonix.
-
25 minUI/UX Design lesson 1113 CQ
In this front-end web development lesson, see how to code and style the members, groups, and profile page of a mock social network site using Bootstrap.
with EduonixIn this front-end web development lesson, see how to code and style the members, groups, and profile page of a mock social network site using Bootstrap.
-
20 minUI/UX Design lesson 1211 CQ
Learn how to use Bootstrap's modal and a jQuery plug-in to create a lightbox photo gallery with left and right arrows and scrolling abilities.
with EduonixLearn how to use Bootstrap's modal and a jQuery plug-in to create a lightbox photo gallery with left and right arrows and scrolling abilities.
-
10 minUI/UX Design lesson 136 CQ
Learn how to download the necessary files, set up the LESS environment, and create a style sheet and index.html file for a mock landing page project.
with EduonixLearn how to download the necessary files, set up the LESS environment, and create a style sheet and index.html file for a mock landing page project.
-
21 minUI/UX Design lesson 1411 CQ
In this web development lesson from Eduonix, follow along to see how to create all of the HTML code for a mock single-page Bootstrap landing page.
with EduonixIn this web development lesson from Eduonix, follow along to see how to create all of the HTML code for a mock single-page Bootstrap landing page.
-
21 minUI/UX Design lesson 1511 CQ
Learn how to start styling the main.less file associated with your single-page website project, style the navbar, add simple media queries, and more.
with EduonixLearn how to start styling the main.less file associated with your single-page website project, style the navbar, add simple media queries, and more.
-
13 minUI/UX Design lesson 167 CQ
Follow along to see how to continue adding CSS to your Bootstrap landing page. Add padding to separate each section, background images, a footer, and more.
with EduonixFollow along to see how to continue adding CSS to your Bootstrap landing page. Add padding to separate each section, background images, a footer, and more.
-
10 minUI/UX Design lesson 176 CQ
Finish up your Bootstrap landing page by adding a scroll effect and a persistent navigation bar so that visitors can easily navigate your single-page website.
with EduonixFinish up your Bootstrap landing page by adding a scroll effect and a persistent navigation bar so that visitors can easily navigate your single-page website.
-
11 minUI/UX Design lesson 186 CQ
In part one of this lesson on building the front-end of a photo gallery, set up a photo gallery grid using Twitter Bootstrap, then style it using CSS.
with EduonixIn part one of this lesson on building the front-end of a photo gallery, set up a photo gallery grid using Twitter Bootstrap, then style it using CSS.
-
7 minUI/UX Design lesson 194 CQ
In part two of this lesson on building the front-end of a photo gallery, learn how to add Bootstrap tab styling and photo categories to the photo gallery.
with EduonixIn part two of this lesson on building the front-end of a photo gallery, learn how to add Bootstrap tab styling and photo categories to the photo gallery.
-
9 minUI/UX Design lesson 205 CQ
In part three of this lesson on building the front-end of a photo gallery, learn how to add a carousel or image slideshow to your photo gallery using Bootstrap.
with EduonixIn part three of this lesson on building the front-end of a photo gallery, learn how to add a carousel or image slideshow to your photo gallery using Bootstrap.
-
10 minUI/UX Design lesson 216 CQ
In the final part of this lesson on building the front-end of a photo gallery, discover how to implement an image lightbox with scrolling capabilities.
with EduonixIn the final part of this lesson on building the front-end of a photo gallery, discover how to implement an image lightbox with scrolling capabilities.
-
32436 min32-part Web Development course236 CQ
Coding your own website beats hiring someone to do it for you; it’s inexpensive and rewarding! This extensive course from Eduonix Technologies delves into everything you need to know about HTML coding. For each new topic, you’ll experience a detailed lecture on the subject that lays out the groundwork, then you’ll see the coding in action from start to finish. Find out how to code with HTML5 and CSS3 from creating tables and lists on a webpage to developing your own HTML5 mobile phone app! Coding is an essential do-it-yourself skill to know in the age of social media.
with EduonixCoding your own website beats hiring someone to do it for you; it’s inexpensive and rewarding! This extensive course from Eduonix Technologies delves into everything you need to know about HTML coding. For each new topic, you’ll experience a detailed lecture on the subject that lays out the groundwork, then you’ll see the coding in action from start to finish. Find out how to code with HTML5 and CSS3 from creating tables and lists on a webpage to developing your own HTML5 mobile phone app! Coding is an essential do-it-yourself skill to know in the age of social media.
-
16187 min16-part Analytics course100 CQ
Google Analytics is an essential tool for any online marketer. In this course for beginners, get a comprehensive overview of how to use it to track and report valuable data about your website.
with EduonixGoogle Analytics is an essential tool for any online marketer. In this course for beginners, get a comprehensive overview of how to use it to track and report valuable data about your website.
-
24418 min24-part Web Development course220 CQ
Want to continue to add to your Twitter Bootstrap skill set? Tackle five different front-end website designs, each with its own challenges, such as a web hosting company site and an ecommerce site.
with EduonixWant to continue to add to your Twitter Bootstrap skill set? Tackle five different front-end website designs, each with its own challenges, such as a web hosting company site and an ecommerce site.
-
4 minFREEBlogging lessonFree3 CQ
Ever wondered what goes into the development of a WordPress website? Learn the steps to building one from scratch in this coding lesson from Eduonix!
with EduonixEver wondered what goes into the development of a WordPress website? Learn the steps to building one from scratch in this coding lesson from Eduonix!
-
14 minBlogging lesson8 CQ
Blogging—you’ve heard about it, you’ve seen it, you might even do it. This lesson from Eduonix gives you a history of blogging and why people do it.
with EduonixBlogging—you’ve heard about it, you’ve seen it, you might even do it. This lesson from Eduonix gives you a history of blogging and why people do it.
-
759 min7-part Web Development course34 CQ
This beginner-level course is designed to help you learn the basics of web page design using HyperText Markup Language. Gain more control over your pages by learning to use stylesheets!
This beginner-level course is designed to help you learn the basics of web page design using HyperText Markup Language. Gain more control over your pages by learning to use stylesheets!
-
19140 min19-part Software Development course80 CQ
Want to add a layer of interactivity to your HTML website without wasting time on a programming language that isn’t built to last? Whether you’re new to coding or looking to brush up on old skills, you’ll find everything you need to know about JavaScript basics in these 19 lessons. Learn how to use operators, variables, conditional statements, loops, and more. By the end of this course, you should have the necessary tools to start building your own dynamic website or browser-based game.
with LearnToProgramWant to add a layer of interactivity to your HTML website without wasting time on a programming language that isn’t built to last? Whether you’re new to coding or looking to brush up on old skills, you’ll find everything you need to know about JavaScript basics in these 19 lessons. Learn how to use operators, variables, conditional statements, loops, and more. By the end of this course, you should have the necessary tools to start building your own dynamic website or browser-based game.
-
39360 min39-part Web Development course202 CQ
Build a fully featured mobile app using HTML5, CSS, JavaScript, jQuery, and AJAX. Structure and format the app using HTML5 and CSS, then use a variety of coding languages to enable more features.
with LearnToProgramBuild a fully featured mobile app using HTML5, CSS, JavaScript, jQuery, and AJAX. Structure and format the app using HTML5 and CSS, then use a variety of coding languages to enable more features.
-
25110 min25-part UI/UX Design course68 CQ
If you're considering redesigning your website, this essential course from Digital Media professor Kristen Palana covers how to take an old website and give it a makeover to boost your web presence!
with Kristen PalanaIf you're considering redesigning your website, this essential course from Digital Media professor Kristen Palana covers how to take an old website and give it a makeover to boost your web presence!
-
762 min7-part Web Development course37 CQ
Are you an ASP.NET Model View Controller (MVC) developer looking to learn an HTML-based structural framework for dynamic web apps? Get introduced to AngularJS in this coding course.
Are you an ASP.NET Model View Controller (MVC) developer looking to learn an HTML-based structural framework for dynamic web apps? Get introduced to AngularJS in this coding course.