Full-Stack Web Development
Covers Introduction to Web Technologies, HTML and CSS and more.
Software Development · Live online sessions · 15 modules · Certificate
What you will learn
Introduction to Web Technologies
- Careers in Web Technologies and Job Roles
- How Does the Website Work?
- Client and Server Scripting Languages
- Difference between a Web Designer and Web
- Developer
- Types of Websites (Static and Dynamic
- Websites)
- Responsive design and layout
HTML
- What is Markup Language
- Basic Structure of HTML
- HTML Elements
- Working with Forms
- Adding Special Characters
- Block Oriented Elements
- List, Attributes of list
- Uniform Resource Locators
- Hypertext Links
- Images, Tables
- Introduction to style Sheets
- Changing the Background
- Creating Style Classes
CSS
- CSS Introduction
- CSS Syntax
- CSS Id & Cass
- Types of CSS inks
- Colors and Backgrounds
- Text and Fonts
- Lists, Tables
- CSS Selectors
- CSS Box Model
- CSS Advanced
Java-Script
- Introduction to JavaScript
- Enabling in various, browsers, Popup Boxes
- Variables
- Operators
- Conditional Statements
- Loops
- Functions
- Events
- Cookies
- Page redirection
- Built-in Objects
Advanced javascript
- Form Validations
- Basics of Form Validation
- Validating Radio Buttons
- Validating Check-boxes
- Validating Select Menus
- JS Document Object
- Model (DOM)
Bootstrap Framework
- Adding Header & Navigation
- Adding Logo in Navigation Bar &
- Adding Banner
- Adding Jumbotron
- Adding Rows, Columns & Containers
- Adding Column Width using offset
- Ordering Columns using push or pull
- Nesting Columns in Bootstrap
- Adding Footer top Website
- Typography in Bootstrap
- Adding glyphicons
- Styling Tables
- Adding Responsive or Utilities in Bootstrap
- Styling Button using between classes
- Styling Images and making images Responsive
- Adding description list in bootstrap
- Adding Panels
React Basics
- Utilize reusable components in React to render dynamic views with changing data over time.
- Organize React projects effectively for improved scalability and maintainability of websites and applications.
- Pass data between components using props to create dynamic and interactive user interfaces.
- Implement form components to enable user interaction and build fully functional React applications.
React Advanced
- Develop resilient and reusable components using advanced methodologies, and explore diverse patterns for reusing shared functionality.
- Engage with a remote server, facilitating data retrieval and submission through an API seamlessly.
- Effortlessly conduct testing on React applications utilizing React Testing Library.
- Seamlessly incorporate popular React libraries to optimize the development process of your applications
Projects
- Live Website Design Project
Data-base MySQL
- Introduction to MySQL basic queries
- DB model design
- Normalization select queries joins
Database MongoDB
- Introduction to MongoDB, CRUD operations basic cursor methods
- Aggregation
- Server-side vs Client-side rendering
Node.js
- Node.js Basics
- Node & MongoDB Connectivity :
- Connection to MongoDB(local & atlas) frontend + backend connectivity
- Introduction to Node.js, Npm packages
- Node.js & Express.js
- What is Express
- API methods
- Request & response objects
- URL & Query parameters
Node & MongoDB Connectivity: Node. js Deployment
- Connection to MongoDB(local & atlas) frontend + backend connectivity Dotenv
- Deployment, frontend + backend connectivity
Authentication & JWT
- Authentication, bcrypt frontend + backend connectivity JWT custom middleware, authorization frontend + backend connectivity
Projects