Front-end Designing Course
Front-end Designing Course
₹10,000.00
Curriculum
Week 1
• What is Website?
• Features of Websites
• Usage of Websites
• Types of websites and web servers
• Difference between static and dynamic websites
• Features of Websites
• Usage of Websites
• Types of websites and web servers
• Difference between static and dynamic websites
• What is HTML?
• What is TAG?
• Types of Tags
• What is Attribute?
• Structure of HTML
• Rules of HTML
• Creating a sample webpage
• What is TAG?
• Types of Tags
• What is Attribute?
• Structure of HTML
• Rules of HTML
• Creating a sample webpage
- Text Tags in HTML(<b>,<i>,<u>….etc)
- Basic Tags
- <Head>,<title>,<h1>,<h2..h6>,<pre>,<p>,<img>
- <marque>,<pre>,<a>,<q>,<br>,<hr>,
- List Tag
- i)Un Ordered List(<ul>)
- ii)Ordered List(<ol>)
- iii)Difinition List(<dl>,<dt>,<dd>)
Week 2
- Table Tag
- Table Row(<tr>),Table Head (<th>) ,iii)Table Data <td>)
- Creating a Form (<form> tag and <input>tag)
- Text field , Password Field, Radio Button ,Check Box
- Drop down list, TextArea, button, submit & reset buttons
Creating a Frame with <frameset>,<frame>,<iframe>
Week 3
- What is CSS?
- Usage of CSS
- CSS Syntax
- What is Property
- Inline Style sheet
- Internal Style sheet
- External Stylesheet
- Examples in each type
- ID Selector Example
- Class Selector Example
Week 4
- Text Properties
- Font properties
- Psedo classes and elements
- List properties
- Background properties
- Border properties
- Padding properties
- Margin properties
- Link Properties
Week 5
- What is Script?
- Types of Scripts
- About Scripting Languages
- About javascript
- About <script> tag
- Comments
- Sample script code with document.write()
- How to define variable
- Types of operators
- Keywords
- Conditional statements If else, switch case
- Loo pStatements While, do while, for
- break and Continue
Week 6
- Function Definition
- Syntax
- Passing a arguments to functions
- Return a value to functions
- Advantage of function
- What is Event?
- Example on Events
- (onload, onunload, onchange, onfocus, onclick etc..)
- Implementing programs on events
Week 7
- String, Math, Date, Window
- Examples on Window object Methods Like
- alert(),confirm(),prompt(),open()
- Form Objects
- What is Validation?
- Types of validations(client side & server side)
- Validation example on checking user name length
- Checking required fields(Login form)
- Checking Password Mismatch
- Validation example on displaying inline Error message by
- using InnerText & innerHTML properties of Element
- Objects
Week 8
- Design a Simple Website in Dreamweaver
- New Features in HTML
- Bootstrap Introduction
- Bootstrap Version
- Bootstrap Use
Week 9
- Introduce Bootstrap Classes
- Responsive Design with Bootstrap
- Bootstrap dropdown Learn
- Bootstrap Modal Popup, CarouselObjects
- Learn adding bootstrap icons in html