Featured

Project 1 Part #2 Responsive Portfolio Webpage using HTML & CSS | Urdu/Hindi | For Beginners | 2022



Published
Project 1 Part #2 Responsive Portfolio Webpage using HTML & CSS | Urdu/Hindi | For Beginners | 2022

Topics covered in this video:
-------
- Web Development Basics
- HTML, CSS Basics
- JavaScript Basics
- Convert Figma Design to Code (Step by Step)
- Make the Website Responsive
- Free Deployment using Netlify


Previous Playlist: https://youtube.com/playlist?list=PL6nhfdAg020dqEJdpbEywgUilckCj8p2i (Project 1: Build and Deploy a Portfolio Webpage using HTML & CSS)

Previous Video: https://youtu.be/IqSAdqMqJK4 (Project 1: Build and Deploy a Portfolio Webpage using HTML & CSS)


Links:
-------
- Live Project: https://project-01-portfolio.netlify.app/
- GitHub repository for files & resources: https://github.com/developer-junaid/beginner-web-projects
- Figma Design: https://www.figma.com/file/XU8AM2kKs7QOwpmA0shc4l/Youtube-Projects?node-id=1%3A2
- Netlify: https://www.netlify.com/


Timecodes
-------------------
00:00 - Intro
00:56 - Responsiveness and Media Queries
04:25 - Removing Illustration on Small Screen
05:40 - Making content responsive for medium screens
11:54 - Making website Mobile responsive
19:54 - Adding Responsive Menu Sidebar
35:13 - Adding Dynamic Trigger for Menu using JavaScript
45:37 - Deployment on Netlify
48:00 - What we learned
48:20 - Outro, Links & Files


#frontend #tuition #webdevelopment
Category
Web design
Be the first to comment