Web Development Basics
An example article for the Yemi blogging platform
2 min read
What is web development?
According to wikipedia, web development is
...the work involved in developing a Web site for the Internet (World Wide Web) or an intranet (a private network).
^^^^^ paid features of Yemi allow you to theme your site. Here, we use your secondary theme color for a block quote
Here is how we sum up web development: It's the processes, languages and tools we use to build websites and webapps.
Tell me more
Some people refer to web development as webdev.
There are several "languages" in webdev today:
There are others out there, but these are some of the most well known.
HTML stands for HyperText Markup Language. Simply put, it defines the structure of a website. HTML is created by defining "elements"; which are the building blocks of webpages.
CSS stands for Cascading Style Sheets. CSS is responsible for the presentation - or look - of webpages. Think color, size, etc.
CSS can also add reactivity to your site. When you hover over a link or button, the colors or other properties of it may change.
Can you show an example of this code?
<html> <head> <meta charset="utf-8"> <meta content="width=device-width,initial-scale=1" name="viewport"> <title>Web Development Basics</title> </head> <body> <nav class="nav-bar"> <div> Logo Here </div> </nav> <main> <div> Content Here </div> </main> <footer> <p>Copyright © - <span id="copyright"></span></p> </footer> </body> <script> const copyright = document.getElementById('copyright'); const copyYear = new Date().getFullYear(); copyright.textContent = copyYear; </script> </html>
^^^^^ Add some codeblocks! We use highlight.js!
What others think
Web development is the most fun career path I've ever taken!
How do I get started?
Start by reading these
Mozilla's MDN resources are excellent!
web.dev is also a great resource for learning web development!
Start by watching
Here are some great free courses on YouTube
Web development isn't as complicated and scary as a lot of people think. You can do this!