Welcome to Comnet Group Inc.

Courses

Web Design and Development

Course number: WEBD-CGI001

Learn how to create impressive websites using HTML5, CSS3, Twitter Bootstrap 3, jQuery and Google APIs and deploy it to Amazon Simple Storage Service(S3)

Course Objective:

After the completion of The Complete Web Developer Course –   you will be able to:

  1. Design websites using HTML
  2. Deploy websites on Amazon Simple Storage Service
  3. Style websites built with HTML using CSS
  4. To use HTML5 Canvas
  5. Work with Java-script to handle events
  6. Create impressive websites with Twitter Bootstrap 3
  7. Work with Twitter Bootstrap features
  8. Use jQuery Content Hover Plugin
  9. Use jQuery UI components e.g. Date Picker in your web pages
  10. Show Google Maps within your webpages
  11. Work with Google API
  12. Use social plugins from Facebook, Twitter, Linkedin, Quora on your web pages
Target Student

This course is designed for students who are looking for an entry into web design

Course Content
Deploying the first Website to Amazon S3
  • Basicsof web development and how to deploy your first website on Amazon Simple Storage Service.
  • Writing HTML code using Header Tags, Paragraphs, Ordered and Unordered lists, Forms , Links, Tables, Iframes, Images, Text Formatting, Image Maps. Creating an Amazon Web Services (AWS) account and how to deploy a static website to AWS Simple Storage Service (S3).
Creating web pages with HTML5
  • HTML5 and their features.
  • Encoding URL, Introduction to XHTML, Using HTML5 introduced features, Handling of mulitple file upload using multiple attribute, HTML5 Local Storage, HTML5 form validate/novalidate, HTML5 canvas, Embedding audio and video in a webpage, drag and drop, HTML5 web workers and server sent events
Styling web pages using CSS
  • Learn how to style the HTML elements. You will learn the different ways to write CSS like external, internal, inline.
  • Styling of HTML elements-text, links, lists and tables. Different ways to write CSS e.g. external, internal, inline. Creating Navigation Bars. Writing Media Rules, hide visibility of an element. CSS Image Sprites and Gradients. CSS Pseudo Classes and Pseudo Elements
CSS3 effects and animations
  • CSS3 Text Effects using different text fonts. Creating 2D and 3D transformations and applying animations, transitions to HTML elements. You will also learn how to use CSS3 resize UI and multiple columns feature
  •  CSS3 Text Effects using different text fonts. Creating 2D and 3D transformations and applying animations,transitions to HTML elements. CSS3 resize UI and multiple columns feature
Handling events with JavaScript
  • Basics of JavaScript. At the end you will learn how to manipulate DOM elements
  • Java Script datatypes, variables, arrays. Creating loops and writing if-else decision making statements. Defining and calling JavaScript functions on events. Manipulating DOM elements
Twitter Bootstrap 3
  • CSS and JS framework Twitter Bootstrap 3 which makes the web development fast and easy. You will learn how to include Bootstrap in the project and use different Bootstrap features like fixed drop down menu, carousel, text and image grids.
  • Getting started with Twitter Bootstrap 3. Bootstrap features like fixed drop down menu, carousel, text and image grids, custom thumbnails, bootstrap modal. Using Font Awesome Icons.
Twitter Bootstrap 3 Project
  • Create a complete website using Twitter Bootstrap 3 features that you learnt in the previous module.
  • Building a real world website using Twitter Bootstrap 3 features e.g. bootstrap fixed dropdown menu, carousel, bootstrap modal, font awesome icons, custom thumbnails, text and image grids, accordions, signin/signup form and jumbotron
Bootstrap ScrollSpy, jQuery and jQuery UI.
  • Build a website using Bootstrap ScrollSpy feature. You will also get introduced to jQuery and will learn how to use jQuery UI components e.g Datepicker into your HTML pages. At the end you will learn how to create a Countdown timer using one of the jQuery timer API which can be used to create a timer for an upcoming event
  • Bootstrap ScrollSpy, Including jQuery in HTML pages. Using jQuery UI components e.g Datepicker into your HTML pages. Creating a Countdown timer using jQuery timer API
Ajax, Google APIs, Social Plugins
  • Asynchronous JavaScript and XML popularly known as AJAX. You will also learn how to make ajax calls to Google APIs and process the response. At the end you will learn how to include social plugins on your web page provided by LinkedIn, Facebook, Quora and Twitter
  • AJAX XMLHttpRequest object, making an AJAX call and retrieving the response. Working with Google APIs Adding social plugins on your web page provided by LinkedIn, Facebook, Quora and Twitter
Project - Building Website Tour
  • Integrate tour feature in the website using Bootstrap tour JavaScript.
  • Integrating Bootstrap tour into website, starting and stopping the tour.

Available Formats

Classroom
Live Online
Register