Web Development Bootcamp

Course Overview

HTML  and CSS Are the Tools You Need to Build a Website Coding for beginners might seem hard. However, starting with the basics is a great way to familiarise yourself with the syntax and the process of what it takes to create a website.

This course teaches you HTML and CSS, two programming languages that are essential to master when you are creating your website. This coding for beginners course incorporates three aspects of learning. You will be able to learn HTML & CSS theory and immediately apply the knowledge you’ve learned to practical application. Furthermore, all of the code that you will write will be visually represented within the course. This allows you to see how various changes within the code impacts the website developmentLearn a range of practical methods. Everything from framing the problem, to doing user research, collaborative ideation, prototyping and more.

What you will learn?

Become a modern and confident HTML and CSS developer, no prior knowledge needed!

Design and build a stunning real-world project for your portfolio from scratch

Modern, semantic and accessible HTML5

Modern CSS (previous CSS3), including flexbox and CSS Grid for layout

Important CSS concepts such as the box model, positioning schemes, inheritance, solving selector conflicts, etc.

A web design framework with easy-to-use rules and guidelines to design eye-catching websites

Course Syllabus

• HTML and HTML 5

1. Introduction of HTML
2. Tag, Elements and Attributes
3. Basics syntax
4. Table
5. List
6. Forms
7. Structure of HTML4 and HTML
8. Semantic and non-semantic tags
9. HTML 5 Features
10. New Input type
11. Forms Attribute
12. SVG
13. Canvas
14. Audio, Video Tag

• CSS(Cascading Style Sheet)

1. Attributes(ID, Class, Style, Title )
2. CSS Types(Inline, Internal, External)
3. Box-model
4. Display Property(Block, Inline, None)
5. Visibility-Hidden
6. Position Property(Static, Relative, Absolute, Fixed )
7. Z-index Property
8. Combinators(Descendant Selector, Child Selector, Adjacent Sibling Selector, General Sibling Selector)
9. CSSPseudo-classes(Link, Visited, Hover, Active)
10. CSSPseudo-elements(First Line, First Letter, Before, After,Selection)
11. Static Web Page
12. Viewport Meta tag

• CSS 3

1. Background, Multiple Backgrounds
2. Font Related Features (online fonts)
3. Text-Effect and Box-Effect
4. Gradients-Linea and Radial
5. Transition
6. Transformation
7. Animation
8. Media Queries

• Bootstrap

1. Introduction of Bootstrap (Responsive)
2. Typography
3. Tables
4. Images, Buttons
5. Grid Structure-Type of columns
6. Forms
7. Jumbortron,H.well,
8. Panel
9. Navbar,Nav Tab
10. CarouselL
11. Responsive Web Page

• JavaScript

1. Introduction of JavaScript
2. Useof JavaScript
3. Variables
4. Keywords
5. Data Type (Primitive,non-primitive)
6. JS Conditions (if, if-else)
7. Conditional operators & logical operators
8. Loops (for,while,do-while)
9. Switch Case
10. Functions
11. Set Timeout and set Interval Function
12. HTML DOM
13. Usethe document object to access and manipulate HTML
14. Changing HTML Elements
15. Adding and Deleting Elements
16. Array
17. Objects
18. How to access Objects (Dot Notation, bracket Notation)
19. Object Creation (Empty Object, Literal Way, Constructor Way)
20. Prototype
21. Validations
22. Events

• Final Major Project

1. 1-Major industrial Project