Learning Vancouver Web Design and Development | Lesson 1 pt2

Where do you even start when learning our Vancouver web design and web development? There’s a lot of information that you need to know. This leads to it being very hard to find the right advice from all these different sources. That’s why this roadmap has been created for beginners like you! It lays out all the basics you need to learn web development. We’re going to go through each step so by the end of this guide you’ll have an understanding of the basics of web development and what skills you need to learn. Make sure to check out our Blog for more of these lessons and courses.

If you haven’t read the previous part of the lesson, you can read it here: Learning Vancouver Web Design and Development

Make sure to check out our YouTube Channel for free video guides and courses!

vancouver web design 1.2.1

Lesson 1: Web Development pt2 | Vancouver Web Designer Explains

Back-End Web Developer: The Web Designer

Conversely, the back end is the part of the website that you can’t really see but it handles a lot of the logic and functionality that is necessary for everything to work. One way you can think about this is that front-end web development is like the front part of a restaurant. It’s a section where customers come to see and experience the restaurant the interior décor seating. Of course eating the food, on the other hand, back-end web development is like the back of house part and the kitchen part of the restaurant. It’s where deliveries and inventory are managed and the process to create the food all happens. There’s a lot of things behind the scenes that the customers won’t see. They will experience and hopefully enjoy the end product, a delicious meal. Fun illustrations aside, both front-end and back-end web development serve different purposes but they are both very important functions when you build a website. If you want both of these things to be done by professional web designers, click the bolded text.

Detail in Coding: Vancouver Web Design expectations

Let’s get into the details, starting with the front end. The front end of a website is made up of three types of files: HTML, CSS, and JavaScript. These files are loaded in the browser on a client-side. HTML or hypertext markup language is the foundation of all websites. It’s the main file type that is loaded in your browser when you look at a web site.

The HTML file contains all the content on the page and it uses tags to denote different types of content. For example, you can use tags to create headline titles, paragraphs, bulleted lists, images, and so on. HTML tags by themselves do have some styles attached but they’re pretty basic, kind of like what you would see in a Word document.

CSS or cascading style sheets lets you style that HTML content so it looks nice and fancy. You can add colors, custom fonts, and lay out the elements of your website however you want them to look. You can even create animations and shapes with  CSS. There’s a lot of depth to CSS and sometimes people tend to gloss over it. They can move onto things like JavaScript. However, it’s really important to be able to convert a design into a front-end website layout using CSS.

Don’t Stop Here

More To Explore