Responsive Personal Portfolio Website ReactJS and Tailwind CSS || Build And Deploy
Sigue así. Cada lección te acerca más a tu certificado.
Sobre esta lección
🚀 Get this FREE Portfolio Website Template here 🔗 https://templatesee.com/template/premium-react-portfolio-website-template Explore Free & Premium templates on our website! 🔥 🔗https://templatesee.com ✅ For Startups & Businesses – Build a stunning online presence effortlessly. ✅ For Developers – Customize & use it in your projects. ✅ For Learners – Perfect for practicing and improving your web development skills! 🔥React Personal Portfolio Website Tutorial From Scratch || Build And Deploy Responsive Portfolio Website description: In this tutorial you will learn how to build Personal Portfolio website using ReactJS and Tailwind CSS and also deployed it on internet so that you can showcase to anyone. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 💬 Join our community WhatsApp :- https://chat.whatsapp.com/Hu643OfjQax7zgqQdlok2C Telegram :- https://t.me/the_coding_journey 👁️ Live Preview: https://tcj-portfolio.netlify.app/ 🧡 Get the source code absolutely Free || Don't forget to LIKE and SUBSCRIBE 😍 https://github.com/dilshad-ahmed/1_portfolio 🎬 Playlist ( Full website Build from scratch + Free Assets + Free Code ) https://www.youtube.com/playlist?list=PLt2fZkYs6q_l2WebLGr6biyk551rLUtLV - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Features: ✨ Dark and Light mode ✨ Responsive Navbar ✨ Fully responsive app ( All device supported ) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - What you will learn: 🔥 How to build Modern Personal Portfolio website using react js. 🔥 You'll implement Dark/Night mode feature. 🔥 You'll install and configure the tailwind css in react project. 🔥 You'll build fully responsive website in reactJS using tailwind CSS 🔥 Best practices and debugging skills. 🔥 How to Deploy website to Server. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Facebook - https://m.facebook.com/thecodingjourney Instagram - https://www.instagram.com/the.coding.journey Twitter - https://mobile.twitter.com/thecodingjourny - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ⏱ Timestamps 00:00 Demo 01:44 Software Download 01:51 Project Setup 05:22 Responsive Navbar for desktop 14:01 Navbar for mobile view 20:41 Dark and Light mode 32:16 Hero section 42:26 About Section 52:39 Skills Section 59:49 Services Section 01:11:46 Footer section 01:14:28 Build and Deployment to netlify - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 💼 Packages : tailwind css - https://tailwindcss.com/ react - https://react.dev vite js - https://vitejs.dev/guide/ react icons - https://react-icons.github.io/ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - #templatesee #portfolio #portfolioWebsite #reactjs #tailwindcss #tailwind #responsivewebsite #websitedesign #css #webdesign #webdevelopment #frontend #frontenddevelopment #uidesign #thecodingjourney #tcj #css #personalportfolio
Sobre este curso
Lo que aprenderás en este curso:
- Dominar la sintaxis moderna de JavaScript (ES6+)
- Manipular el DOM y gestionar eventos del navegador
- Trabajar con funciones asíncronas, promesas y APIs
- Implementar estructuras de datos y algoritmos en JavaScript