Frontend Developer Workshop For Beginners/Freshers

What You'll Learn?

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.