Introduction To Web And Basic HTML Tags
Module 1: Semester 1: Module 1 – HTML
- Pieces that make the web work
- Introduction to front-end
- Basic structure of an HTML page
- Attributes, elements and relationships
- Comments
- Basic tags – Paragraph, headings, hr, br
- Basic attributes – ID and class
- Anchor tags
- Including CSS
- Including JS
Structuring Content Using HTML Tags
- Classification of elements – Block and in line
- Container tags – Div and span, and when to use them
- Semantic tags
- Including media – Images, audio and video
- Responsive media
- Lists – Ordered and unordered list
- Un styled lists and list-based menus
- Presenting tabular data
- Styling tables
Working with Forms
- Introduction to forms
- What happens when a form is submitted
- Pieces of a simple form – Form, text input with name attribute, submit button
- Submitting data to another page (action attribute)
- Responsive media
- Changing the HTTP method used for submission (method attribute)
- Adding a label
- Default value for inputs
- Types of buttons
- Various input types – Password, text area, check box, radio buttons, select dropdown, file input
- HTML5 input types – Email, URL, number, date
- HTML5 input and form attributes – Required, placeholder, no validate
Deeper Understanding of Client-Server Communication
- Symbols in HTML
- HTTP Basics
- Introduction to chrome dev tools – The network tab
- Understanding parts of a URL
- Further exploration
Module 2: Module 2 – CSS
Introduction to CSS, CSS Inheritance and Various Selectors
- Including CSS
- Choosing the way to include CSS
- User-agent styles
- Parts of a CSS rule
- Selectors – Universal, ID, class, type, attribute
- Pseudo classes – Link-related classes
- Structural Pseudo classes –
- Combinators – No spaces, child selector, descendant selector, combining selectors using comma
- Inheritance – Initial and inherit values
The Cascade, Specificity and Style Resolution
- Cascade – User-agent vs author styles
- Reset stylesheet
- Normalize Style sheet
- Cascade of embedded styles, external style sheets, inline styles
- Introduction to specificity – how selectors affects styles applied
- Specificity – ID vs class vs type selector
- Specificity calculation and style resolution in case of complex selectors
- Use of !important
- Units for CSS properties – United and unitless, absolute vs relative
- Default values for properties (initial values)
- Computed and resolved styles
Important CSS Properties
- Box model in depth
- Various ways of specifying colors
- Background properties
- Using background properties with image sprites
- Typography related properties
- Handling overflow
- Hiding elements
- Floats
Deeper Understanding of Client-Server Communication
- Introduction to responsive web design (RWD)
- Fluid layouts
- Fluid images
- Media queries
- Further exploration
Module 3: JavaScript
Introduction, Variables, Scopes & Data Types
- History of JavaScript
- Setting up the environment
- Running JavaScript in the browser and Node
- Comments
- Variables and primitive data types
- Variable scopes, scope chain
- Using arrays
- The type of operator
Operators, Control Flow & Functions
- Variable hoisting
- Operators and expressions
- Control flow – Branching and looping
- Function declaration and usage
- Anonymous function and function expression
- IIFE
- Function hoisting
- Functions call context (this keyword)
- Handling variable number of arguments
- Callbacks – passing functions as arguments
Functions (Continued) & Objects
- Object declaration using literal syntax
- Accessing properties and methods
- Adding and deleting properties
- Listing object properties – for..in loop and object.keys()
- Constructor function and the new keyword
- Function – functions as objects
- call(), apply() and bind() as methods of functions
Built-in Objects and Functions
Exception Handling & Browser Objects
DOM and Event Handling
- Node relationships and DOM tree traversal
- Methods for DOM manipulation
- Different ways to handle events
- Event object properties and methods
Module 4: Laravel
Laravel
- Introduction of Laravel
- Introduction of MVC Pattern
- Laravel Directory Structure
Installation
- Laravel Application Structure
Laravel Routing
Laravel Controllers
Laravel Views
Laravel Blade Template
- Extending the master layout
Using Forms and Gathering Input
- Creating A form using Blade Syntax
- Encrypting and decrypting data
Laravel Migration
Laravel Database
- Display data from models in views
- CRUDS Operation (Create Read Update Delete Search Operations)
- CRUDS Operation (Create Read Update Delete Search Operations)
Semester 2: Module 1 – PHP
PHP
- Strings Feature of PHP
Module 2 - MongoDB
- Install MongoDB & Compass