Web Design course objective

This is an immersive three (3) months hands on web development and design using HTML5, CSS3 and jQuery. The course delves deeper into code writing and optimization and goes beyond simply using prepackaged templates. Students will learn proven real-world steps from conception to completion as well as launching and maintaining a website. This will include simple-to-use web design guidelines and tips, how to get and use amazing images, fonts, icons, etc. In addition, the course will conclude with a crash course in Design Thinking and marketing; Wordpress, Dreamweaver, Drupal, Magento, Joomla.

    Course Overview

  • Introduction to web-design
  • Typography
  • Colors
  • Working with images
  • Working with icons
  • Spacing and layout
  • User experience
  • Getting inspired
  • Summary

  • Getting started with HTML5

  • Installing and setting up Bracket text editor
  • Introduction to HTML5
  • Understanding HTML, XTML, and HTML5
  • The structure of an HTML Document
  • Working with elements
  • Working with Tables, Forms, Images, Attributes, and Hyperlinks
  • Embedding HTML by using inline frames
  • Adding plug-in content
  • Summary

  • Getting started with CSS

  • What is CSS3?
  • Adding comments within a style sheet
  • Creating inline, embedded, and external style sheet
  • Understanding selectors, specificity, and cascading
  • Understanding the browser’s built-in style
  • Working with important styles
  • Understanding inheritance
  • Starting to make our webpage pretty
  • Color theory
  • Classes and IDs
  • The CSS box model
  • Positioning blog post
  • Relative vs Absolute positioning
  • Getting started with the Google Chrome Developer Tools
  • Summary

  • Introduction to JavaScript and jQuery library

  • Introduction to JavaScript
  • Declaring variables
  • JavaScript Statements
  • Working with functions and Object
  • Implementing code loops
  • Working with arrays
  • Handling Errors
  • Summary

  • IBT website project

  • The seven real-world steps to a fully functional website
  • Starting to put the seven steps into action
  • First development steps
  • Setting up the fluid grid for responsive web-design
  • Building the header
  • Building the features sections
  • Building the various mentorship sections
  • Building the how-it-works sections
  • Building the city or location section(s)
  • Building the customer testimony section
  • Building the sign-up section
  • Building the contact form section
  • Building the footer
  • Marking the webpage responsive

  • Adding some cool effects

  • Using JavaScript and jQuery
  • Building a “sticky” navigation
  • Adding animations on scroll
  • Making the navigation responsive

  • Optimizing and launching the IBT website Project

  • Final Creating a favicon
  • Performance optimization: site speed
  • Basic Search Engine Optimization (SEO)
  • Hosting and launching of the IBT website Project to the world (The internet)
  • Google Analytics tool.
  • Website maintenance tips

  • Design Thinking and Marketing

  • Fundamentals of design thinking
  • Empathize
  • Define
  • Ideate
  • Prototype
  • Test
  • Applying design thinking to non-traditional roles

Register Now!