Overview
The objective of the "Web Development Fundamentals Workshop for Beginners/Freshers" is to provide participants with a solid foundation in web development using essential technologies such as HTML, CSS, and JavaScript. The workshop aims to equip beginners and freshers with the knowledge and skills necessary to create interactive and visually appealing web applications.
Agenda
Day 1: Introduction to HTML
- Introduction to web development and its importance
- What is HTML and its basic structure
- HTML tags, elements, and attributes
- Building a simple HTML page
Labs: Create a personal webpage with text and images
Day 2: Styling with CSS
- Introduction to CSS and its role in web design
- CSS selectors and properties
- Adding styles to HTML elements
- Creating a basic stylesheet
Labs: Apply styles to the personal webpage created in Day1
Day 3: JavaScript Fundamentals
- Introduction to JavaScript and its importance in web development
- Variables, data types, and operators
- Functions and control structures (if statements, loops)
- JavaScript Events
Labs: Accessing Form elements and handling events
#Project 1: Build a calculator to perform arithmetic operations.
Day 4: Advanced JavaScript
- Working with class and objects
- Working with Functions and scope
- Local Storage and Session Storage
Labs: Creating reusable objects and working with classes
#Project 2: Build a to-do list application with HTML, CSS, and JavaScript.
Day 5: Project Showcase and Q&A Session
- Participants present their projects
- Feedback is provided on the project
- Q&A session and resources for further learning
What you will get?
- Get Started from zero to learn HTML/CSS and JavaScript.
- Build fun mini-apps, and share them with your friends.
- Submit your apps to qualify for level 1.
By the end of this workshop, you'll be equipped with the tools and techniques needed to confidently work on frontend projects. Join us on this exciting journey and unlock the power of HTML/CSS and JavaScript.