Web Design and Development
Course number: CGIWDD40
This course covers the basics of Web Development and create five websites using HTML elements, styling the HTML elements with CSS, using newly introduced features in HTML5 and CSS3 to deploying the websites on Amazon Simple Storage Service.
You will learn how to use Twitter Bootstrap three components like Carousel, ScrollSpy, Fixed Navigation Bar, Accordion, Jumbotron, Thumbnails, Forms, Modals, Bootstrap Tour, etc.
Course Objectives:
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. 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, and Quora on your web pages
Prerequisites
- Associate or BS degree; some programming experience in Java/JavaScript/HTML/CSS or any programming experience is expected.
Target Audience
This course can be taken by anyone who wants to learn the art of web development. In addition, anyone who wants to create stunning websites using HTML5, CSS3, Twitter Bootstrap 3 and jQuery can take this course.
Certification
COMNet Group Certification
Exam
COMNet Group Exam
Accreditation
COMNet Group Accreditation
Course Content
Learning Objectives – In this module you will learn the basics of web development and how to deploy your first website on Amazon Simple Storage Service.
Topics – 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).
Learning Objectives – In this module you will learn how to use all the elements introduced in HTML5 and their features.
Topics – Encoding URL, Introduction to XHTML, Using HTML5 introduced features, Handling of multiple file upload using multiple attribute, HTML5 Local Storage, HTML5 form validate/no validate, HTML5 canvas, embedding audio and video in a webpage, drag and drop, HTML5 web workers and server sent events
Learning Objectives – In this module, you will learn how to style the HTML elements. You will learn the different ways to write CSS like external, internal, inline.
Topics – 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
Learning Objectives – In this module you will learn about 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
Topics – 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
Learning Objectives – In this module you will learn the basics of JavaScript. At the end, you will learn how to manipulate DOM elements
Topics – Java Script datatypes, variables, arrays. Creating loops and writing if-else decision-making statements. Defining and calling JavaScript functions on events. Manipulating DOM elements
Learning Objectives – In this module you will get started with one of the topmost 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 such as fixed drop-down menus, carousel, text and image grids.
Topics – 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
Learning Objectives – In this module you will create a complete website using Twitter Bootstrap 3 features that you learnt in the previous module.
Topics – 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, sign in/signup form and jumbotron
Learning Objectives – In this module you will learn about one of the cool features of Bootstrap-Bootstrap ScrollSpy. You will learn how to 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
Topics – 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
Learning Objectives – In this module you will learn about 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
Topics – AJAX XML Http Request 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
- Learning Objectives – In this module we will integrate tour feature in the website using Bootstrap tour JavaScript.Topics – Integrating Bootstrap tour into website, starting and stopping the tour
Live Online