Description
Course Description:
Web Development using HTML5, CSS3, Java Script, JQuery and Bootstrap4.
Course Objectives:
The overall aim of this course is to provide participants with the necessary skills required to get themselves a career in the field of Website development and to understand full-fledged web designing using HTML5 and Web frameworks.
Imstructor: Ritwik
Pre-reqs: None
Class requirements: Internet, Laptop/PC
Benefits:
After the completion of this course, students will be able to:
Use HTML5/CSS3/JavaScript to implement programming logic, define and use variables, perform looping and branching, develop user interfaces, capture and validate user input, store data, and create well-structured applications.
Develop interactive Web sites using HTML5, CSS3 and JavaScript.
Course Content
- HTML5
- Introduction to HTML
- Setting up environment for HTML
- Creating first app in HTML
- Structure of a HTML document
- Create HTML documents
- Understand HTML element markup
- Some HTML Tags use with examples
- Images
- Hyperlinks
- Lists
- Tables
- IFrame
- Forms
- HTML Media – audio & video
- CSS3
- Introduction & Understand the working of CSS
- First example in CSS
- Explain CSS Selectors
- Colour
- Font styles
- Text styles
- Use borders and backgrounds
- Create layouts and styles
- Div, Box model
- List with CSS
- Table with CSS
- Implement transitions, animations and transforms
- Explain other CSS properties and features
- Explain the Canvas
- Use drag and drop
- Use Geolocation
- JAVASCRIPT
- Introduction to JavaScript and syntax
- Variables
- Datatypes
- Operators
- Conditional statements
- Looping
- Functions
- Arrays
- Introduction to OOPs
- Constructor function
- Introduction to JSON
- Work with Events
- String & String functions
- Date & Date functions
- DOM – Window object
- DOM – Document object
- DOM – Element object
- DOM - Events
- JS Forms
- JS Objects
- JQUERY & BOOTSTRAP4
- Introduction to Jquery
- First example with Jquery
- Manipulating content
- Event Handling
- Manipulating Atrributes & CSS
- Selection & Filters
- Introduction to Bootstrap
- Bootstrap4 Grid System
- Forms
- Carousel
- HTML, CSS, JS topics with Bootstrap
- Example code
Tags: Software Development