Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Build a Job-Ready Responsive Portfolio Website with HTML, CSS & JavaScript
Play lesson

Full Stack Web Development Course (Hindi) | Complete MERN Stack Roadmap | Zero to Hero - Build a Job-Ready Responsive Portfolio Website with HTML, CSS & JavaScript

5.0 (0)
16 learners

What you'll learn

This course includes

  • 61.5 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

In this video, you will build a Job-Ready Responsive Portfolio Website using HTML, CSS, and JavaScript from scratch. This project-based tutorial is designed for beginners and aspiring web developers who want to create a professional portfolio website for jobs and internships. You will learn how to design a fully responsive portfolio layout, structure pages using HTML, style them using modern CSS techniques, and add interactivity using JavaScript. This project helps you showcase your skills, projects, and contact information in a clean and professional way. What you will learn in this portfolio project: β€’ Build a responsive portfolio website from scratch β€’ HTML structure for a professional website β€’ CSS layouts (Flexbox / Grid) and responsive design β€’ JavaScript for interactivity β€’ Mobile-friendly and modern UI design β€’ Portfolio website for jobs and internships This project is perfect for adding to your resume and GitHub and is a must-have for frontend and full stack web developers. Web Dev playlist: https://youtube.com/playlist?list=PL-CeQccLavFeytqS_ALj97JNd4PF4gc1z&si=TjQWjopq83PD6N4a Code :- https://github.com/sumanmalakar/Responsive_Portfolio_Website Donate Us | If our tutorials inspired you, please donate to help us create more amazing content :- https://drive.google.com/file/d/10GBJrIIn0FMc_Vpn9apxsuoLrkzLM3Vi/view?usp=sharing TIMESTAMPS 00:00:00 | Intro 00:00:14 | Project Demo 00:09:00 | Project Setup In Vs Code 00:12:00 | Project Structure 00:18:39 | Root Variables In CSS 00:23:27 | Add Google Fonts 00:27:27 | Building NavBar & Intro Section 00:47:54 | Add Particle JS 00:58:57 | Build About Section 01:02:20 | Build Experience Section 01:11:50 | Build Skills Section 01:17:50 | Build Education Section 01:21:00 | Build Projects Section 01:37:47 | Build Contact Section 01:51:58 | Build Footer Section 02:04:17 | Add Responsive Design ( Medai Query ) Join Our WhatsApp Channel :- https://whatsapp.com/channel/0029VabOmJhIyPtSTIL1Bh2b JS Course :- https://youtube.com/playlist?list=PL-CeQccLavFcu9gbG_KePLzXanujKTOmS&si=x8-K2qKBp_asJmV7 Mastery Courses :- https://www.youtube.com/playlist?list=PL-CeQccLavFcu9gbG_KePLzXanujKTOmS Crash Course :- https://www.youtube.com/playlist?list=PL-CeQccLavFccTNnwZ46nb3KsWPeqi6TU React Animated Portfolio Website :- https://youtu.be/cWYKs1pu6s4?si=t-vqVFc9JZ3u7Fdd React Shopping Cart Project :- https://www.youtube.com/watch?v=wtEp_Y2kmO8 React.js Project playlist :- https://www.youtube.com/playlist?list=PL-CeQccLavFcv3HWlDz9XrL62dRtXHF4l All React Hooks In One Shot :- https://youtu.be/5UGMn--LRd4?si=53qj1xbshhnUZov4 Node.js playlist :- https://youtube.com/playlist?list=PL-CeQccLavFd-n_5m08c-caLIp5uNV_ZY&si=hxDpOfZUA1-z51zO Git & GitHub :- https://youtu.be/qIW9Nm3-8rg?si=_me_30WVW8sQMPkc MERN E - Commerce :- https://youtu.be/qP75zfeDpQc?si=CzKsU1lHWANWhnfJ Master MERN Stack :- https://youtu.be/j4op_XaQnCo?si=jFn1nLLHckCN18qZ MERN for Begginer :- https://youtu.be/4QhoYUsyHw8?si=lBrRRZ49wMsgEfpK Most Imp JavaScript Interview Questions :- https://youtu.be/GUDCxNOx5qA?si=YxiFW8hMeV7W_F2R β–ΊMy Girlfriend :- https://amzn.to/3EvmSkD Reach Me Out ----------------------------------------------------------------------------------------------------------------------- Linkedin :- https://www.linkedin.com/in/suman-malakar/ Instagram :- https://www.instagram.com/suman_malakar001/ facebook :- https://www.facebook.com/sumankumar.malakar.9/ GitHub :- https://github.com/sumanmalakar ----------------------------------------------------------------------------------------------------------------------- Product I use for coding and YouTube ----------------------------------------------------------------------------------------------------------------------- Laptop :- https://amzn.to/45tbotk SSD :- https://amzn.to/47NUp7c HardDisk :- https://amzn.to/3KGSaZ9 keyboard :- https://amzn.to/3YGXIJ3 Mouse :- https://amzn.to/45uSylF Headphone :- https://amzn.to/3KGSaZ9 Web Cam :- https://amzn.to/3QK978T Microphone : - https://amzn.to/3KGSaZ9 ----------------------------------------------------------------------------------------------------------------------- Best Laptops for Coding --------------------------------------------------------------------------------------------------------------- MackBook :- https://amzn.to/3YGXlOF Hp Pavilion :- https://amzn.to/3YMAgKv Dell Inspiron :- https://amzn.to/44gKx2T Lenovo Yoga :- https://amzn.to/45kbkg4 ASUS Vivobook :- https://amzn.to/3QGrrzN Acer Aspire :- https://amzn.to/3QHBAfG --------------------------------------------------------------------------------------------------------------- Business Email: malakars041@gmail.com Personal Channel: https://www.youtube.com/channel/UCfPPYxi84Q5ByzeHdhmh-Nw #PortfolioWebsite #HTMLCSSJavaScript #WebDevelopment #FrontendDevelopment #LearnWebDev

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere