💻 What is Web Development?
Chances are you have used a website at some point in your life, maybe even in the last few days, hours, or minutes. Can you think of the last website you used?
Discuss
With your group, discuss the following questions:
- What are some of your favorite websites? What websites do you use the most?
- What do you like about them? Think about features, design elements, etc….
We interact with websites as users all the time. Over the next two weeks, we will tap into the mindset of a Web Developer, thinking about how these websites were designed and what makes them work. Web Development is the creation, building, and maintaining of websites.
👩💻 What does a Web Developer do?
Web Developers have many jobs that include tasks such as building out the elements we see on the screen and styling them, as well as writing the code to make the page do something. Web Developers usually fall under either Front-End Developers, Back-End Developers, or Full-Stack Developers.
Front-End developers bring a website to life using programming languages such as HTML, JavaScript, and, CSS. They are responsible for coding the part of the website that a user interacts with. Back-End developers build and maintain the behind-the-scenes technology needed to power the front end of the website. They also create and maintain any database that the website uses. Full-Stack Developers work with a website's front end and back end.
You can think about Front-End and Back-End development like a car. Front-End developers are responsible for building everything the user of the car can interact with when driving, while Back-End developers are responsible for everything under the hood.
🛠 What are some of the tools used in Web Development?
We will be focusing on Front-End Development over the next two weeks. Let’s take a look at some of the tools Front-end Web Developers use to bring websites to life.
Front-End Developers use programming languages such as HTML, CSS, and JavaScript to code the front end of a website. These three languages combine to create and maintain the websites we interact with.
We can think about them working together in terms of the human body. HTML (Hypertext Markup Language) is the body's skeleton, or the foundation of a website. CSS (Cascading Style Sheets) is the body’s skin, or the design and style elements of a website. Finally, JavaScript is the body’s muscle, providing functionality to the website.
Code on its own isn’t enough to bring a website to life, you need an integrated development environment (IDE) to put it all together. We will be using the IDE CodeSandbox, a collaborative tool in which web development languages can be written, to build our websites.
✨ Kode With Klossy Web Development Scholars
Throughout the next two weeks at Kode With Klossy, you will learn how to create your very own website(s)- yes, you'll create lots of websites! We will start with HTML, the backbone of any web page. Then, we'll learn CSS to design and style your web pages. Finally, you will learn how to add functionality and interactivity to your website using JavaScript.
In addition to coding superpowers, you will also learn about the process of creating a website from early development to building a prototype. More specifically, you will work in teams to create a website on a topic of your choice, integrating and applying the knowledge you’ve learned during camp. You will pitch your ideas, iterate, prototype, and build a minimum viable product that you’ll demo on the last day of camps.
Made with Bullet