Adding Views, Layout + CSS Styling to the URL Shortener [Project Tutorial - Part 2]
Channel: Code with Nakov | SoftUni Global
Date: 2022-02-18

In the second part of our URL Shortener Project Tutorial we'll build the Site Layout, the view URL short tables, implement the "Add URL" form, and style the app using CSS. To make it responsive, we’ll also add mobile support.

➡️ Find the full blog article here:  https://softuni.org/project-tutorials/url-shortener-project-adding-views-layout-css-styling

⭐  Table Of Contents ⭐

00:00 Intro
00:45 Building the Site Layout using PUG template
27:29 Adding CSS Styles
32:35 Implementing the "View Short URL's Table"
44:37 Styling the Table
54:17 "Add URL" Form
01:06:50 Adding Support for Mobile Devices
01:23:49 What's next?

If you’ve missed the first part of this tutorial, catch up here: https://www.youtube.com/watch?v=P7-tvKIOwVs 

Get more great content by subscribing: https://bit.ly/3DyAJ7m 

💻 Want to learn to code professionally? Enroll in our Java or JavaScript Developer programs here: https://softuni.org/learn

➡️ Valuable Blog Posts: https://softuni.org/blog
➡️ Help by Mentors: https://www.reddit.com/r/softuni
➡️ Free Learning Resources: https://softuni.org/learn/learning-resources 

📱 Let's connect on
Facebook: https://www.facebook.com/softuni.global
Instagram: https://www.instagram.com/softuni.global
Twitter: https://twitter.com/softuni_org
LinkedIn: https://www.linkedin.com/company/softuni-global

And remember, you learn to code by writing code. Do the assignments, submit them in the SoftUni Judge system, and get instant results. Do not hesitate to ask for assistance from me or any of the mentors and members of the SoftUni Global Community. Our mission is to create experts by helping you learn Programming and start a job in IT.

Till next time!

#javascripttutorial #projecttutorials #urlshortener #programming #codelessons #free #lessons #codewithnakov #softuniglobal