This 5-day long workshop series is designed to introduce you to the basics of web development, covering everything from the basics of HTML and CSS, to making your first interactive React webpage in just one week. Join us for a hands-on experience that will take your coding skills to the next level. Enroll now and start building your own website from scratch!
Day | Event Title | Timings | Venue | Description |
---|---|---|---|---|
1 | Web Wizardry 101 | Jan 23, 3 - 5 PM | G03 G04 AB1, VIT-AP University | Creating the Perfect HTML Spell 📄 |
2 | CSS Magic | Jan 26, 3 - 5 PM | G03 G04 AB1, VIT-AP University | Adding Style to Your Website 🎨 |
3 | JavaScript Wizardry | Jan 30, 3 - 5 PM | G03 G04 AB1, VIT-AP University | Making Your Website Come Alive 🔥 |
4 | Hooking into React | Feb 4, 4 - 6 PM | G03 G04, VIT-AP University | Crafting Reusable Components 🛠 |
5 | Code-ifying for Solutions | Coming Soon | G03 G04, VIT-AP University | The Final Challenge |
In this first day of our web wizardry adventure, we will dive into the basics of HTML and learn how to create a structured webpage using different HTML tags. You will learn how to create headings, paragraphs, lists, images, links, and more. By the end of the day, you will have a solid understanding of HTML and be able to create a basic webpage in just one day! Join us for a hands-on experience that will take your coding skills to the next level.
Take your web development skills to the next level with our Bootcamp! On day 2, learn how to style and layout web pages with CSS, the language used to control the font, color, and spacing of text, and create beautiful layouts. Enroll now and start building professional and polished web pages that will stand out from the crowd!
Day 3 is all about learning the power of JavaScript. Unlock the power of interactivity and dynamic functionality with our Workshop Series! Learn how to create interactive elements and dynamic content using JavaScript, the programming language used to add interactivity to web pages. Enroll now and start building web pages that are more engaging and interactive for users!
On Day 4 of our web wizardry adventure, we will dive deeper into the concept of reactivity in React. You will learn how React's virtual DOM and state management system work together to create reactive web applications. You will learn how to use hooks and functional components to manage state and create dynamic effects. You will also learn how to use the useEffect hook to handle side-effects in your application. By the end of the day, you will understand the reactivity concept and be able to create a small project that demonstrates your newfound skills. Enroll now and start creating complex web applications with ease!
On the final day of our web wizardry adventure, we will put all our skills to the test by building a real-world web solution for a local problem. You will work in teams to identify a local problem that can be solved with a web application, and then use your HTML, CSS, JavaScript, and React skills to create a functional and visually appealing web application that addresses it. This will be an opportunity to showcase your new skills and make a meaningful impact in your local community. Throughout the day, you will receive guidance and feedback from experienced mentors to help you bring your project to fruition. By the end of the day, you will have created a web application that makes a real difference in your community and you will have the satisfaction of knowing you made a difference.
- This Bootcamp is free of cost, no registration fee required.
- You are required to RSVP for the event on GDSC VIT-AP Event Page.
If you would like to contribute code to the Web-Development-Workshop, there are a few steps you need to follow:
-
First, make sure you have a GitHub account. If you don't have one, you can create one for free.
-
Next, go to the Web-Development-Workshop on GitHub and fork the repository by clicking on the "Fork" button in the upper right corner. This will create a copy of the repository under your own GitHub account.
-
Clone the repository to your local machine by running the following command in your terminal:
git clone https://github.com/YOUR-USERNAME/Web-Development-Workshop.git
- Once you have the repository cloned, navigate to the Project folder and create a new folder with your username.
- Create a new branch to work on your changes. This is important to keep your changes separate from the main branch. You can create a new branch by running the following command inside your contributor folder:
git checkout -b YOUR-BRANCH-NAME
- Make your changes to the code, and then commit them to your branch. You can do this by running the following commands inside your contributor folder:
git add .
git commit -m "YOUR-COMMIT-MESSAGE"
- Once you've committed your changes, push your branch to your forked repository on GitHub. You can do this by running the following command inside your contributor folder:
git push origin YOUR-BRANCH-NAME
-
Go to the Web-Development-Workshop on GitHub and create a new pull request. In the pull request, make sure to specify that you want to merge your branch into the main branch.
-
Once your pull request has been reviewed and approved, your changes will be merged into the main branch.
Please make sure to keep your commits organized and provide the information of the task or feature you have added in the commit message.
Thank you for your contributions!
Happy Coding! 💻
- Contact information for support and assistance during the Workshop will be provided during the course.
- In case of any issue you can contact us at [email protected]
- Q: Is this Workshop Series suitable for beginners?
- A: Yes, this Workshop Series is designed for beginners who have little or no experience in web development.
- Q: What is the format of the Workshop Series?
- A: The Series will take place in-person and will consist of interactive lectures, hands-on exercises, and projects.
- Q: Do I need to have any specific software or equipment to participate in the Workshops?
- A: You will need a computer with internet access. You may also need a text editor, but the instructor will provide instructions on this during the course. :)