Web Design


Fundamentals of Javascript
Hours: 4.5
Lectures: 30

JavaScript is one of the most popular programming languages in the world because it's easy to learn, and it can do amazing things. If you're interested in web development, it's also a language that you simply must learn to be effective.

This course is aimed at complete beginners, but is great for those who need a brush up on their JavaScript skills.

You will learn the very basics of JavaScript programming, then move on to more complex programming skills. Along the way, you'll have projects to create using the skills you've learned in this course.

Source codes are included in the course materials.

Skills Course
$99
Fundamentals of HTML
Hours: 4
Lectures: 34

This course is focused on beginners, and will take you all the way from 'what does that even stand for' to creating real life projects using -- and understanding why and how you just did it.

What About HTML5?

HTML5 will become the new HTML standard version in the coming years. To understand HTML5 you must have knowledge of HTML and how it works. HTML5 modifies HTML to allow you to create more modern websites.

Projects and Source Codes

You will learn the basics, then create real projects that use the skills you just learned so you can understand how HTML works in the real world. You will also get access to all lesson source codes so you can deconstruct each lesson -- another valuable learning and time saving tool.

Skills Course
$75
HTML5 and CSS3 Fundamentals
Hours: 6
Lectures: 63

When it comes to the world of technology, staying ahead of the curve is always a challenge. In the last year one aspect of this – the world wide web – has kicked up a gear with the introduction of HTML5, the newest version of the code that makes the web tick. If you learn HTML5 along with CSS3 (the next level of web design used on all modern websites), you'll have a recipe for success; and this course will show you how.

Create a website from scratch with HMTL5 and CSS3

  • Build a complete functioning website section by section
  • Gain a solid knowledge base of HMTL5and CSS3 for future, more complex projects
  • Control your website's appearance, functionality and navigability
  • Discover how HTML5 and CSS3 can be used in other areas of the web
  • Learn best practice techniques for building websites and web pages

Build Like a Pro with HMTL5 and CSS3 Design

The only way to effectively learn HTML5 and CSS3 is by diving right in and building websites from the ground up. That's exactly what this course does. Designed for complete beginners, you'll create a complete website section by section during 35 lectures and 5 hours of content.

You'll start by becoming familiar with HTML tags and how they're used, followed by the use of attributes and common settings. Once you've got a handle on basic HTML, you'll move on to the fun stuff: CSS. You'll use CSS for fonts, colours, lists, navigation menus, and more, adding a new element to your website with each section. Links, layouts, tables, forms and videos are all covered too.

If you know how to use a web browser and a text editor, you're all set up for this course already. No extra software or tools are needed, and you can choose your preferred option of each to get going. By the time you finish, you'll know everything you need to know to create beautiful, functional, easy to use websites of any kind.

About HTML5 and CSS3

HTML5

HTML or Hyper Text Mark-up Language is the language used for presenting websites and web content. HTML5 is the latest version, made official by the World Wide Web Consortium in 2014. Having a good grasp of HTML means you'll be able to create, present and edit a whole variety of content on the web.

CSS3

CSS (Cascading Style Sheets) essentially 'enhances' HTML, giving developers and users more control over how pages and content is displayed. It is responsible for creating more visually engaging web pages, applications and interfaces. CSS3 is the latest version, and has many more extended features than previous versions – although it is backwards compatible.

Skills Course
$99
Fundamentals of CSS and CSS3
Hours: 5
Lectures: 32

With over 13 hours of video content, you can be sure you'll learn everything you need without having to read hundreds of pages of text. No eBook here, just great video content.

If you have ever wanted to become a web developer, then you know you need to know both CSS and CSS3. It's your choice how you learn it. You can read through a textbook or eBook, or you can have your own personal tutor showing you how to do everything every step of the way. That's what this course is all about.

How the Course is Taught

This course is taught via a step-by-step tutorial system. You will start with tutorials for beginners who are new to CSS and CSS3 programming and move through progressively more difficult skills, including everything you need to know to build a fully functional, modern and sleek website.

Course Length

There are well over 11 hours of video lectures in this course. It is estimated that you would spend anywhere from 30 - 100 hours in total after viewing all the lectures to practice and master each skill on your own.

Why Take this Course?

You should take this course because it is comprehensive, easy to follow, inexpensive, fun and exciting! Web development is a huge industry, and if you really want to become an app developer, it starts with CSS and CSS3.

Skills Course
$149
Web Design Professional Learning Path
10 Course Bundle
$999
Introduction to Web Design
Hours: 8
Lectures: 36

The Internet is everyone's go-to source of information in today's world. Businesses, public figures, publications and everything in between all have a presence on the web; and the more professional their website looks, the more successful they tend to be. Web designers are more in demand than ever before, and the profession is constantly changing along with the web itself. This course aims to teach the most up to date fundamentals of web design from scratch.

Learn Web Design from Scratch

  • Understand the basics of CSS and HTML
  • Learn about current web designing trends and developments
  • Gain an insight into web development, debugging, etc. as well as design
  • Build your own portfolio website

Web Designing for Beginners

This course has been developed for both complete beginners and those who already have a limited knowledge of web design. Apsiring web designers, web developers who want to understand the design side of the business, and graphic designers - as well as those from completely unrelated disciplines - will all be more than capable of handling the content of this course.

With over 34 lectures and 7.5 hours of content, it will take you through the fundamentals of web design from scratch. That means getting to grips with HTML, CSS and Foundation Grid Framework; working with images, webfonts and sprite sheets among other elements; understanding grids and responsive design; and achieving flawless layouts, eradicating bugs, and more.

Throughout the course you will work towards designing and developing a colourful, modern and responsive portfolio website. By the end of the course you will have this website completed, and can use it when starting out on your career in web design.

About HTML and CSS

HTML, or Hyper Text Markup Language, is the code used to define colours, graphics, hyperlinks, paragraphs, and other simple elements of a website. It was developed by the founder of the web, Tim Berners Lee, back in 1990.

CSS, or Cascading Style Sheets, define the more advanced aspects of websites like fonts, background images, positioning and much more. It is a style language that defines HTML layout, so the two are intrinsically linked. Both form the basic frameworks for all websites on the internet.

Skills Course
$149
CSS Flexbox : Build Modern Web Layouts With Flexbox
Hours: 3.5
Lectures: 41

Once upon a time building functional, responsive web layouts required hacking, lots of JavaScript, and more than a few CSS floats. Then came Flexbox, a layout mode for CSS that got rid of all the headaches. This online course will get you up to speed on the latest version, introduce you new even better features, and help you get to grips with Flexbox in a hands-on, practical way.

Create and Manage CSS Flexbox Layouts

  • Take an in-depth look at building CSS Flexbox layouts
  • Build intricate layouts with minimal code, quickly and easily
  • Develop flexible, responsive layouts without code hacking or media queries
  • Control flex spacing, alignments and positioning
  • Gain a new perspective on CSS and web development

Learn Fundamental Flexbox Concepts

This course is intended for those who have a working knowledge of HTML and CSS, and who are comfortable coding by hand and navigating through code. With an emphasis on in-depth, hands-on training, you'll learn the latest techniques for building and managing functional CSS-based web layouts.

To start off, you'll be introduced to fundamental Flexbox concepts and terminology, as well as the other essential knowledge you'll need to know before going further. From there, the lessons get progressively more hands-on and challenging. You'll cover flex containers, flow axis directions, flex widths, axis spacing and alignment, establishing element flexibility, working with nested flex containers, and more. Each section includes a practical exercise to put your skills to the test, and a quiz to help compound your knowledge.

If you want to push your HTML, CSS and web design skills further, if you want to learn the latest in CSS web layout techniques, or if you just want to know the secret to building responsive, mobile layouts with minimal code, then this online course is a must.

About Flexbox

Flexbox, or the CSS Flexible Box, is a layout mode in CSS that allows designers to build and manage website layouts quickly and easily. Arrange each page element and test on different screen sizes (i.e. desktop, mobile, tablet) and display devices to ensure your code behaves accordingly. It was created to replace float and table layout hacks, making life much easier for designers and developers everywhere.

Skills Course
$99
Bootstrap 4: Exploring New Features
Hours: 1
Lectures: 12

Bootstrap 4 has just been released with a slew of new features and functionality. This online course will tell you everything you need to know about the latest version without going over the pre-existing stuff you know already. Skip the boring bits; learn how scaling your websites and apps just got easier and more efficient than ever before!

Get Up to Speed with Bootstrap’s Latest Updates

  • Design and create your own website from scratch
  • Understand the new features and functionality of the latest version
  • Implement Bootstrap 4 code
  • Learn how to create responsive websites

Build a Website Using Bootstrap 4

This course is perfect for anyone with a basic knowledge of HTML and CSS, and will tell you everything you need to know about Bootstrap 4 in record time. All you need is a stable internet connection and a text editor (notepad, notepad++, sublime or atom) and you’re good to go!

You’ll start off by downloading Bootstrap 4 and creating folders, and then you’ll get straight down to exploring the new updates through practical examples. Linking files, creating the navigation bar, jumbotron and cards, and adding footer is all covered. When you’ve completed them all; you have a fully functioning, responsive website for your efforts. It really is that simple!

This course is suitable for both beginners and those already familiar with Bootstrap. Beginners can get started on the right foot with the most up to date information out there, while experienced Bootstrappers can cut to chase and learn what they need to know right from the get go. Everybody wins!

About Bootstrap 4

Bootstrap is the most popular HTML, CSS and JavaScript front-end web framework. It provides all the tools needed to develop responsive, mobile-first websites. It is suitable for all skill levels, works on any device and can tackle projects of all sizes. In short, it allows anyone to build and design high-impact, interactive websites... for free!

Skills Course
$49
Develop Responsive Websites with Bootstrap 3
Hours: 4
Lectures: 22

In the Develop Responsive Websites with Bootstrap 3 course, we will walk you through the popular Bootstrap HTML and CSS framework. Bootstrap helps build websites that look beautiful on mobile, tablet, and desktop browsers.

Develop Responsive Websites with Bootstrap 3 covers a wide range of use cases from simple marketing websites, to web application UI's to dynamic websites using a CSS pre-processor that builds Bootstrap on the fly.

What You Will Learn

In the course, you will learn about various stylized components of Bootstrap 3 including Navbars, Buttons, Panels, Images, Accordions, Modal dialog boxes and the like, while building two demonstration web sites. You will also learn about the underlying architecture including the layout grid, responsive techniques, typography, and utility functions for layout, hardcopy print and screen readers.

Projects

By the end of this course you will have created a beautifully designed responsive website for your portfolio. After taking the course and creating the project website, you will be able to take what you've learned and create virtually any other type of website on the web today.

You will also create your own custom web application UI.

Bootstrap Customization

Customization of Bootstrap is introduced in simple CSS overrides, expanded upon with 3rd-party Javascript functions (for high-resolution Retina images), and developed finally in the creation of your own Bootstrap template. You will also learn about CSS debugging techniques which are helpful in customizing Bootstrap with its CSS pre-processor language LESS. In the last two lessons, you will create a dynamic version of one of the demo websites with a Node.js server and on-demand compiled Bootstrap LESS. Example code is provided for each lesson.

Pre-Requsites

Pre-requisites are some HTML and CSS familiarity, and basic web concepts. Javascript knowledge is helpful. The material covers Bootstrap version 3.1.1 and 3.2

Skills Course
$99
Build a Responsive Website with a Modern Flat Design
Hours: 2
Lectures: 16

The days of PHP to HTML5 are dead. No longer do you need to cut up an entire design in Photoshop to use great looking templates for web design.

What You Will Learn

In this course, you will learn how to use a website template to create a responsive website using CSS and HTML5 without endless Photoshop slicing. New CSS functionality allows you to cut your design time in half, and this course shows you how.

How You Will Learn

You will learn by using a real responsive design template with a great looking flat design. You will be walked through every step of using this template, and by the end of the course you will be able to transfer these skills to any template on the market.

* Everything you need to work with the template is included in the course.

Skills Course
$49
Getting Started with Dreamweaver CC
Hours: 5
Lectures: 54

Delve into the world of web design and Dreamweaver with this hands-on, step-by-step course hosted by award-winning software trainer and designer, Geoff Blake. First, Geoff will run you through the basics, getting you comfortable in the Dreamweaver interface, working with documents, and defining new websites. Then, it's on to building a fully functional web layout from the ground up. You'll learn how to construct your design, insert navigation menus, and test your work for usability. Handling text, graphics, and setting up a well-built set of site-wide CSS rules to control it all brings your site together; and Geoff even takes you through the process of rolling out your website, and taking your site live by uploading it to a live web server. Roll up your sleeves and delve into this practical, task-oriented look at building contemporary websites in Dreamweaver CC!


Skills Course
$149
Introduction to Sass for CSS
Hours: 1
Lectures: 11

Every current web designer will most likely have mastered CSS long ago. But believe it or not, some have not yet realised the enormous benefits Sass can add to CSS – for one thing, it opens up a whole range of features not available in CSS. Couple that with the fact that it makes CSS concise and readable, and it's a sure fire way to make CSS better as well as more fun!

Learn the Most Powerful CSS Extension Language in the World

  • Compile and work with the core features of Sass
  • Learn a stylesheet language compatible with any CSS version
  • Organise your CSS to make it more readable
  • Configure Sass for development and master CSS efficiency

Course Overview

This course is intended for web designers, web developers, and anyone else who already has a working knowledge of CSS. It does not cover Sass installation or configuration of a text editor, but instead jumps straight ahead to working with practical, real world examples of Sass in action. Therefore this course is not suitable for students who have limited or no knowledge of CSS.

During this course you will get to grips with core features of Sass like variables, inheritance, nesting and mixins, amongst others. You will learn how to build alert panels, how to configure Sass for development, and how to master CSS efficiency with Sass, making your code more readable and more concise.

After just 40 minutes, you will finish up this course with a solid knowledge of Sass which you will be able to implement immediately. And better yet, you will have rediscovered what made CSS fun in the first place!

About Sass

Sass (Syntactically Awesome Stylesheets) is a stylesheet scripting language, first emerging in 2007 and now used all over the web. Industry approved, compatible with all versions of CSS, and with more features and abilities than another CSS extension language, it's the most stable and powerful language of its kind in the world. By mastering Sass, you'll be able to create effortless and beautiful websites with a sleek, professional look.

Skills Course
$29
Photoshop CC For The Web
Hours: 3.5
Lectures: 35

With so many file formats, colour spaces, and image types, knowing where to start with web graphics can be daunting. But guided by this thorough, yet easy to follow course, you'll be feeling like a pro in no time! Join award-winning trainer Geoff Blake as he takes you step-by-step through the process of preparing images for your next web project. You'll learn all about the web friendly file formats, when to use each, and how to get the most out of them. Discover web colour spaces, methods for working faster and more efficiently, and an approach to image resolution that'll leave you feeling like a Zen Master of web graphics! Break down the barriers, dispel the myths, and clear the clutter. In just a few short hours, you'll have clarity and confidence using Photoshop for your web projects!

Skills Course
$99
Building Responsive Websites with HTML 5 & CSS3
Hours: 4
Lectures: 44

In this hands-on training course, award-winning veteran trainer Geoff Blake shows you, step-by-step, how to build beautifully designed, responsive websites that adjust and function perfectly on smartphones, tablets, and desktop displays. You'll begin with the fundamentals of responsive design, beginning with multiple style sheets, media queries and various expressions. Next comes the fun part: you'll be guided through several in-depth chapters that walk you through the responsive design workflow, building HTML structure and CSS formatting for mobile and desktop displays; including tablets, desktop screens, and smartphones. Geoff shows you how to plan out your work, handle common issues that arise in a responsive layout, and how to handle various page components between device displays. Finally, the course closes with additional tricks, advanced techniques, and testing methods to ensure that your layout looks fantastic.

Skills Course
$75
Website Wireframing with HTML5 & CSS3
Hours: 3
Lectures: 36

Whether you're an HTML veteran or just a beginner, this course is for you. Award-winning trainer Geoff Blake will walk you through the process of creating a website wireframe in just under three hours! This series of instructional videos will guide you through the process of creating the basic sections of your site, arranging and aligning text and images, and adding interactive features. Once you're finished creating the wireframe, Geoff will show you how to put it online to share with coworkers and clients. After taking this course you'll be able to build attractive and professional website prototypes in about an hour. The best part? Unlike a simple mockup in Photoshop, you can actually turn this wireframe into a fully-functioning website! Let Geoff Blake help you build your professional skills with this easy to follow course from Ten Ton Online.

Skills Course
$49
Applying Design To Wireframes with HTML5 & CSS3
Hours: 2
Lectures: 26

Building on the skills you gained in Website Wireframing with HTML5 and CSS3, this course teaches you how to apply functional and attractive design principles to your wireframe. Featuring advice on typography, graphics, and colour schemes, award-winning trainer Geoff Blake will lead you through the full process of making your site look amazing in every web browser. Lessons include how to select a colour palette, where to source free images, and what resources to use to integrate beautiful typography into your design. You'll discover Google Fonts, and how to integrate them into your CSS. When you're finished adding fonts and images, Geoff will walk you through the various options for testing out your site. From wireframe to fully realized design, this course is a must for aspiring web developers.

Integrity Training
$29
Building Websites With Photoshop CC
Hours: 5
Lectures: 50

Looking to design websites, either professionally or for your own use? Award-winning veteran trainer Geoff Blake will guide you through the process of building an entire web page from scratch using Photoshop! You'll learn how to best organize the Photoshop interface to streamline your workspace for web design, eliminating the clutter and making creating web pages fast and easy. Explore the various grid systems that can be used as templates to build professional looking web pages. Next, it's on to wireframing and UI design, where you'll learn how to create a mockup that can be sent to clients for approval, or simply kept for personal reference. You'll also discover how to build upon a wireframe to design a beautiful, and functional web page. Once you're satisfied with your design, this course will show you how to extract the HTML and CSS that will bring your design to life, and how to customize the code to suit your needs. So if you're interested in web design for fun or profit, this course will set you up with everything you will need.

Skills Course
$99
How to Build Your Own Online Business with WordPress
Hours: 3.5
Lectures: 54

This course was recently updated to Wordpress 4.0

Do you have a great business idea?

Are you wondering how to make your online business idea a reality?

If so, then this course is for you!

I have started several successful online businesses, and I want to show you how I did it. I'm not going to show you how to come up with a great business idea, there are lots of courses out there that do that, I'm going to show you how to actually get your online business idea out of your head and on to the internet. After all, an idea isn't worth a single penny until you act upon it.

The Greatest Deal On Earth

When you buy this course, you get access to several deals for your online business that will more than pay for the cost of the course. You will be able to create as many websites as you want for about $5 per month (regularly $7 per month) and get another $30 off your hosting account on top of that. As if that weren't enough, purchasing this course gives you access to a discount on your web hosting and over $100 in free online advertising with Google, Bing and Yahoo.

What Will I Learn in This Course?

In this course, you will begin by learning how to build your own website with no experience and no coding required using WordPress. You learn how to optimize your site for search engines so you can actually be found online. I will also show you some great free WordPress plugins that will make your website stand out from the crowd and free web apps you can add to your site that will super charge your business.

Along the way you will be learning all the essentials of running an online business from creating e-mail addresses, creating multiple websites, creating site maps, working with your website's files and using free accounting software.

What Kinds of Websites Can I Build?

Any kind you want. You can build e-Commerce sites, blogs, company websites, subscription sites, affiliate sites and more. In the course, you can follow along with me as I show you how I built my latest and greatest e-Commerce website. You will learn so much about how to build websites using WordPress that you will even be able to build websites for other people as a business!

Skills Course
$75
Mobile UI and UX Design
Hours: 3
Lectures: 42

Mobile devices are now used for everything from banking to gaming – so user interface (UI) and user experience (UX) design has never been more important. If a website is difficult to navigate or the layout of an app is confusing, users will be gone in seconds. An in-depth understanding of mobile UI/UX design is critical for good mobile usability, for keeping your users engaged, and for ensuring your product stays relevant.

Make your Mobile UI Design Pop

  • Understand the basics of UI/UX mobile application design
  • Learn each step of the design process from planning to project completion
  • Gain an insight into current mobile UI/UX design trends and developments
  • Develop key skills to plan, manage and develop mobile usability

Understand the Mobile UX Design Process

While UI and UX design are often bundled together as one, they are in fact two separate disciplines. UI design is centered on layout and the fine detail of how the user interacts with the product (i.e a slide vs. a simple tap on an app). UX design however is about the overall experience, the look and feel of the product, and how the user navigates through it from start to finish. Despite their differences the two go hand-in-hand, and an understanding of both is essential for seamless mobile usability. In short, mobile UI/UX design is one of the most important elements of any digital project.

Skills Course
$49