Web Development Tutorials

Filter Your Results

Tutorial Type:

Skill Level:

Software:

Duration:

Sort by:

  • Medium_ruby-logo-960x540
    2 hr 12 min
    Ruby Programming - a no-nonsense guide for...
    Learn to program Ruby today.This course gets straight down to business. It tells you what Ruby is all about, what makes it similar to other languages - and what makes it different. It explains the stuff you really need to know. It won't bog you down by trying to describe every gnarly little corner of the language. It concentrates on the essentials - with no unnecessary padding. If you need to get to grips with Ruby fast, this is the course for you.
    Huw Collingbourne
    Ruby
    Intermediate
  • Medium_html5-semantic
    14 min
    Upgrade Your Skills with HTML5 Semantic El...
    HTML5 allows you create elements that have a certain meaning, what's called "semantics". There are structural semantic elements, such as headers, footers, articles. There are also ways to give semantic meaning to text. Using these elements have huge benefits when it comes to SEO as it really tells Google what the meaning of the elements of your page are.
    Pablo Farias Navarro
    google chrome
    Beginner
  • Medium_html_css
    10 min
    HTML and CSS in 10 Minutes
    This short, focused lesson will help you quickly understand HTML and CSS. CSS is the better half of HTML. HTML takes care of the structure, while CSS gives it a nice layout. Learning HTML and CSS would give you a far better idea of what you're seeing whenever a site like Slideshare or Youtube provides you with code to embed into your site. When you need to make changes to your site template you'll know what to look for and what to change.
    Prateek Singh
    CSS, HTML
    Beginner
  • Medium_metro
    58 min
    Learn CSS by Doing - Responsive Metro-Styl...
    In this tutorial series we'll take a project-based approach to learning CSS/CSS3 from scratch. The project we'll build is a responsive, metro-style homepage / dashboard that shows different aspects of responsive web design and HTML5.
    Pablo Farias Navarro
    Brackets, google chrome
    Beginner
  • Medium_javascript_strings
    4 min
    How to Use JavaScript Strings
    JavaScript allows you to make interactive websites, mobile apps and games. In this video we'll cover the topic of strings from scratch. Strings is basically text stored in a variable. Learn how to create strings and how to concatenate them with ease.
    Pablo Farias Navarro
    Komodo Edit, google chrome
    Beginner
  • Medium_jquery-forms
    14 min
    Understanding jQuery Forms
    jQuery allows you to create interactive and rich forms that can give the visitors of your site or app a much better experience. In this course we'll cover interactive forms and AJAX forms. Lets learn how to make our forms change or display new fields according to the user input in the previous fields.
    Pablo Farias Navarro
    Sublime Text, google chrome
    Intermediate
  • Medium_jquery-ajax-json
    39 min
    AJAX and JSON in jQuery for Beginners
    In simple terms, AJAX means loading content on a page without doing a full-page refresh. People tend to think AJAX is an obscure science, but there isn't really much more to it. In this tutorial series, we'll talk about AJAX, JSON and explain how to work with these techniques in a friendly and easy manner. After watching this course you won't fear AJAX anymore and you'll be using it in all of your web projects with ease.
    Pablo Farias Navarro
    Sublime Text, google chrome
    Beginner
  • Medium_jquery-effects
    14 min
    jQuery Effects and Animations for Beginners
    jQuery is the world's most used JavaScript library. Among the many advantages for the developer, the way you can create animations and effects in jQuery is one of the main reasons why you'll want to use this library in your projects. In this tutorial series we'll cover different effects and animations include fade in/out, sliding and slowly hiding/showing DOM elements.
    Pablo Farias Navarro
    Sublime Text, google chrome
    Beginner
  • Medium_jquery-events
    29 min
    jQuery Events for Beginners
    jQuery is the world's most used JavaScript library. Among the many advantages for the developer, working with events is one of the main ones. jQuery makes working with events and listen to the DOM something easy and brief. In this tutorial series we'll be covering jQuery events from the ground up so that you can apply them to your own projects.
    Pablo Farias Navarro
    Sublime Text, google chrome
    Beginner
  • Medium_links
    3 min
    Using HTML Link Tags
    In this video you'll learn how to create links in HTML pages. The web as the name suggests is an interconnected network of HTML documents, and learning how to create links with the "a" tag is one of the first things you need to learn on your way to become a web developer.
    Pablo Farias Navarro
    Brackets, google chrome
    Beginner
  • Medium_web-images
    3 min
    Adding Images to Your Website with HTML
    In this video we'll talk about the "img" tag in HTML, which allows you to insert images on your HTML documents. Adding images on a webpage creates a rich experience for the end user, and the process of adding them is extremely simple!
    Pablo Farias Navarro
    Brackets, google chrome
    Beginner
  • Medium_plug_wordp_eng
    2 hr 26 min
    Wordpress Plugin Development for Beginners
    In this course we'll cover the art and science of Wordpress Plugin Development from scratch. By developing 8 simple plugins we will cover everything you need to know to be able to create awesome plugins that will run in most of the web.
    Pablo Farias Navarro
    WordPress
    Beginner
  • Medium_dating_app
    41 min
    Create a JavaScript Dating HTML5 App
    HTML5 allows you to create cross-platform apps that run on the web, on mobile platforms such as iOS and Android, smart tv's, and a myriad of new devices coming all the time. In this course, we'll make a HTML5 responsive app prototype of a dating app, where you can search through different members and in the process learn how to work with the DOM, JSON and more advanced JavaScript.
    Pablo Farias Navarro
    Komodo Edit, google chrome
    Intermediate
  • Medium_html5_lists
    3 min
    Using HTML5 Lists
    In this video we'll cover using lists in HTML according to the latest HTML5 specifications. In HTML5 you can created ordered and unordered lists by using the tags ol and ul.
    Pablo Farias Navarro
    Brackets, google chrome
    Beginner
  • Medium_html5-audio
    10 min
    HTML5 Audio and Video for Newbies
    In this tutorial series you learn how to add audio and video elements to your websites using HTML5 multimedia tags: audio and video. HTML5 brings the web to life by allowing the creation of rich content, enhancing thus the experience of the users whether it's a site, a HTML5 app or a game.
    Pablo Farias Navarro
    google chrome
    Beginner
  • Medium_html5-structure
    3 min
    Structuring a HTML5 Document
    Learn how to properly structure a HTML5 document with this video. HTML has changed a lot over the years, and even nowadays there are people who don't structure their HTML documents correctly, which has bad consequences for their websites.
    Pablo Farias Navarro
    Brackets, google chrome
    Beginner
  • Medium_thumbnail
    3 hr 17 min
    Create A Custom Responsive WordPress Websi...
    This course shows you how to create a website exactly customised to a client's specifications. The website is set up professionally on a commercial web host to the highest security standards. You will be taught two ways of setting up WordPress on a host. How to install the Genesis premium theme framework (used by Copyblogger, Matt Cutts, Problogger, and many more high profile websites). And how to create a totally customised, optimised, website and blog in HTML5 with CSS3.
    Rob Cubbon
    CSS, CSS3, HTML, HTML5, Make Money, Make Money Online, Photoshop, WordPress, custom web design, genesis
    Intermediate
  • Medium_html-tables-the-easy-way
    5 min
    HTML5 Tables - The Easy Way
    Making HTML tables is very simple and powerful at the same time. In this lesson I'll show you how you can create simple tables with HTML with the direct approach you will find in all of our courses.
    Pablo Farias Navarro
    Brackets, google chrome
    Beginner
  • Medium_html-titles-paragraphs
    4 min
    HTML5 Titles and Paragraphs
    In this video you'll learn all there is to know about HTML titles and paragraphs. How to create titles with different hierarchies is something very simple that you can apply right away to your site whether it's a self-hosted or a Wordpress site. Paragraphs on the other hand are one of the main elements in HTML and learning how to use them properly will prove useful for the future.
    Pablo Farias Navarro
    Brackets, google chrome
    Beginner
  • Medium_gridsystemcover
    38 min
    Easy Website Layout With Grids
    Grid systems are great for laying out websites from scratch. They do much of the structural work for you. With a grid system, your design will be more symmetric, aligned, and professional looking. There are grid systems for fixed layouts and responsive web design. In this hands-on course, we'll look at how to use both.
    Brett Romero
    CSS, CSS3, HTML, Web Design, Web Developer, web development
    Intermediate
  • Medium_javascript-variables-functions
    16 min
    How to Use JavaScript Variables and Functions
    In this course we'll cover the basics of variables and functions in JavaScript. JavaScript is one of the main languages used today. It's reach goes beyond interactive website but is also present as a server-side technology, mobile apps and videogames. Understanding variables and functions will give you some basics to get started with learning JavaScript.
    Pablo Farias Navarro
    Sublime Text, google chrome
    Beginner
Page of 14