- Видео 76
- Просмотров 622 357
Light Code
Добавлен 8 ноя 2020
Hey there,
Here you will find a lot of HTML and CSS tutorials, as well as JavaScript tutorials.
It's a pleasure to have you here. SUBSCRIBE, and see you in a next video.
Twitter: iamhamidur
Blog: lightcodeblog.com
contact info: lightcodecamp@gmail.com
Here you will find a lot of HTML and CSS tutorials, as well as JavaScript tutorials.
It's a pleasure to have you here. SUBSCRIBE, and see you in a next video.
Twitter: iamhamidur
Blog: lightcodeblog.com
contact info: lightcodecamp@gmail.com
Next js 14 Blog Website Tutorial | MongoDB, Mongoose & Cloudinary | Full Stack Blog App Project
Next js 14 Blog Website Tutorial | MongoDB, Mongoose & Cloudinary | Full Stack Blog App Project
Looking to learn Next.js quickly? Check out this course video where we dive into the fundamentals of Next.js. Whether you're a beginner or an experienced developer, this tutorial has got you covered. Get ready to explore server-side rendering, routing, API integration, and Mongoose, Cloudinary, MongoDB, CRUD and more.
Don't forget to like, comment, and subscribe for more exciting content. Let's get coding!
☕️ Support me
www.buymeacoffee.com/hamidur_rahman
👇 Social Media:
Twitter: iamhamidur
💻 Source Code:
lightcodeblog.com/next-js-14-blog-website/
⏱ Timestamps
0:00 Intro
10:05 Routing
11:48 ...
Looking to learn Next.js quickly? Check out this course video where we dive into the fundamentals of Next.js. Whether you're a beginner or an experienced developer, this tutorial has got you covered. Get ready to explore server-side rendering, routing, API integration, and Mongoose, Cloudinary, MongoDB, CRUD and more.
Don't forget to like, comment, and subscribe for more exciting content. Let's get coding!
☕️ Support me
www.buymeacoffee.com/hamidur_rahman
👇 Social Media:
Twitter: iamhamidur
💻 Source Code:
lightcodeblog.com/next-js-14-blog-website/
⏱ Timestamps
0:00 Intro
10:05 Routing
11:48 ...
Просмотров: 3 096
Видео
Build Restful CRUD API: A Step by Step Guide for Beginners using Node js, Express, and MongoDB
Просмотров 2934 месяца назад
In this video, we'll build Restful CRUD API using Node js, Express, and MongoDB from scratch. ☕️ Support me: www.buymeacoffee.com/hamidur_rahman 👇 Social Media: Twitter: iamhamidur 💻 Source Code: lightcodeblog.com/nodejs-crud-api 📥 Contact: lightcodecamp@gmail.com #nodejs #express #mongoose #lightcode
Tailwind CSS: Build and Deploy a Fully Responsive Burger Website || Light & Dark Mode
Просмотров 40 тыс.10 месяцев назад
In this video, we'll build and deploy a fully responsive burger website using tailwind css, from scratch. The website is fully responsive as well. ☕️ Support me www.buymeacoffee.com/hamidur_rahman 👇 Social Media: Twitter: iamhamidur 💻 Source Code: lightcodeblog.com/tailwind-css-build-and-deploy-a-fully-responsive-burger-website-light-dark-mode-2023 Timeline: 0:00 What we are buildin...
Next.js: Light & Dark Theme Using Next.js 13
Просмотров 3,9 тыс.11 месяцев назад
Next.js: Light & Dark Theme Using Next.js 13 - (2023) Don't forget to like, comment, and subscribe for more exciting content. ☕️ Support me www.buymeacoffee.com/hamidur_rahman 👇 Social Media: Twitter: iamhamidur 💻 Source Code: lightcodeblog.com/next-js-light-dark-theme-using-next-js-13-2023 ⏱ Timestamps 0:00 Intro 0:37 Using Custom CSS 18:13 Using Tailwind CSS 📂 Assets Next Themes: ...
Next.js 13 Crash Course - Prisma, MongoDB, CRUD, REST API
Просмотров 17 тыс.11 месяцев назад
Next.js 13 Crash Course 2023 - Prisma, MongoDB, CRUD, REST API Looking to learn Next.js quickly? Check out this crash course video where we dive into the fundamentals of Next.js. Whether you're a beginner or an experienced developer, this tutorial has got you covered. Get ready to explore server-side rendering, routing, API integration, and Prisma, MongoDB, CRUD and more. Don't forget to like, ...
Build and Deploy a Pizza Website Using HTML, CSS and JavaScript || Dark and Light Mode
Просмотров 2,6 тыс.Год назад
Build and Deploy a Pizza Website Using HTML, CSS and JavaScript (2023) || Dark and Light Mode In this video, we'll build and deploy a pizza website using only HTML, CSS and JavaScript (2023), from scratch. The website is fully responsive as well. ☕️ Support me www.buymeacoffee.com/hamidur_rahman 👇 Social Media: Twitter: iamhamidur 💻 Source Code: lightcodeblog.com/build-and-deploy-a-...
Build React Image Slider From Scratch Tutorial - (2023)
Просмотров 3,3 тыс.Год назад
Build React Image Slider From Scratch Tutorial - (2023) In this video, we'll build react image slider from scratch. The website is fully responsive as well. ☕️ Support me www.buymeacoffee.com/hamidur_rahman 👇 Social Media: Twitter: iamhamidur 💻 Source Code: lightcodeblog.com/build-react-image-slider-from-scratch-tutorial-2023 Timeline: 0:00 What we are building 0:43 Setup 4:44 Conte...
Build and Deploy a Netflix Clone Website Using only HTML and CSS (2023)
Просмотров 2,9 тыс.Год назад
Build and Deploy a Netflix Clone Website Using only HTML and CSS (2023) In this video, we'll build and deploy a netflix clone website using only HTML and CSS (2023), from scratch. The website is fully responsive as well. ☕️ Support me www.buymeacoffee.com/hamidur_rahman 👇 Social Media: Twitter: iamhamidur 💻 Source Code: lightcodeblog.com/build-and-deploy-a-netflix-clone-website-usin...
Tailwind CSS: Build and Deploy a Fully Responsive Website with Modern UI/UX
Просмотров 65 тыс.Год назад
In this video, we'll build and deploy a fully responsive website with modern UI/UX, from scratch. The website is fully responsive as well. ☕️ Support me www.buymeacoffee.com/hamidur_rahman 👇 Social Media: Twitter: iamhamidur 💻 Source Code: lightcodeblog.com/tailwind-css-build-and-deploy-a-fully-responsive-website-with-modern-ui-ux-2023/ Timeline 0:00 What we are building 1:18 Intro ...
TailwindCSS: Building a Pricing Card With Tailwind CSS
Просмотров 818Год назад
In this video, we'll build a pretty cool pricing card with Tailwind CSS, from scratch. The website is fully responsive as well. ☕️ Support me www.buymeacoffee.com/hamidur_rahman 👇 Social Media: Twitter: iamhamidur 💻 Source Code: lightcodeblog.com/tailwindcss-building-a-pricing-card-with-tailwind-css-2023/ Timeline 0:00 What we are building 0:53 Intro 1:00 Setup 2:07 Tailwind Crash C...
Build a Fully Responsive Restaurant Website with Modern UI and UX in ReactJS
Просмотров 3,2 тыс.Год назад
Learn how to build a React website from scratch in this tutorial. The website is fully responsive as well. ☕️ Support me www.buymeacoffee.com/hamidur_rahman 👇 Social Media: Twitter: iamhamidur Here is the source code: lightcodeblog.com/build-a-fully-responsive-restaurant-website-with-modern-ui-and-ux-in-reactjs/ Timeline 0:00 What we are building 2:36 Creating React App 15:00 Navbar...
Build a Fully Responsive Website with Modern UI and UX in React JS
Просмотров 1,1 тыс.2 года назад
Learn how to build a React website from scratch in this tutorial. The website is fully responsive as well. ☕️ Support me www.buymeacoffee.com/hamidur_rahman 👇 Social Media: Twitter: iamhamidur Here is the source code: lightcodeblog.com/build-a-fully-responsive-website-with-modern-ui-and-ux-in-react-js/ Timeline 0:00 What we are building 2:47 Creating React App 5:23 Navbar 34:10 Hero...
React Blog Website Tutorial || Fully Responsive Website
Просмотров 6112 года назад
React Blog Website Tutorial || Fully Responsive Website
How to Create an Accordion Using HTML & CSS
Просмотров 3372 года назад
How to Create an Accordion Using HTML & CSS
Social Buttons With Awesome Hover Effects Using HTML and CSS
Просмотров 3272 года назад
Social Buttons With Awesome Hover Effects Using HTML and CSS
How To Make Sidenav Using HTML & CSS Step by Step
Просмотров 5872 года назад
How To Make Sidenav Using HTML & CSS Step by Step
How To Make Website Using HTML & CSS Step by Step
Просмотров 3682 года назад
How To Make Website Using HTML & CSS Step by Step
Responsive Multi Page Full Website Using HTML and CSS
Просмотров 30 тыс.2 года назад
Responsive Multi Page Full Website Using HTML and CSS
How To Make Responsive Drop Down Menu || HTML And CSS
Просмотров 9 тыс.2 года назад
How To Make Responsive Drop Down Menu || HTML And CSS
How To Make Blog Website Using HTML & CSS | Full Responsive Website Design Step by Step
Просмотров 7962 года назад
How To Make Blog Website Using HTML & CSS | Full Responsive Website Design Step by Step
How to Create Twitter Login Page || Responsive || HTML and CSS
Просмотров 3,8 тыс.2 года назад
How to Create Twitter Login Page || Responsive || HTML and CSS
Scroll Animation on Hover Using Only HTML and CSS
Просмотров 6032 года назад
Scroll Animation on Hover Using Only HTML and CSS
Table In HTML and CSS | How To Create Tables | Learn HTML and CSS | HTML Tutorial | CSS Tutorial
Просмотров 2772 года назад
Table In HTML and CSS | How To Create Tables | Learn HTML and CSS | HTML Tutorial | CSS Tutorial
How To Make Website Using HTML & CSS | Full Responsive Website Design Step by Step
Просмотров 1,3 тыс.2 года назад
How To Make Website Using HTML & CSS | Full Responsive Website Design Step by Step
How to Create Card Slider || HTML, CSS || Jquery, OwlCarousel
Просмотров 3,9 тыс.2 года назад
How to Create Card Slider || HTML, CSS || Jquery, OwlCarousel
Newspaper Landing Page | Responsive | HTML & CSS
Просмотров 16 тыс.2 года назад
Newspaper Landing Page | Responsive | HTML & CSS
You Good Teacher
Nice video bro! I've just got an issue: console keep shows "Not enough image for loop mode " but the images are 10. I cant fix it.
i am facing this prob.. 'The `text-whiteColor` class does not exist. If `text-whiteColor` is a custom class, make sure it is defined within a `@layer` directive.', Can anyone please help me out? Thanks in advance
thank you
Please explain me why you give your arrow bottom 1/2 this make no sense you can only give bottom 4 to your arrow up button in the starting it should not in the classlist but when screen crosses Y >250 then you can add this bottom-4 class here bottom 1/2 was not required
You are explaining from the pre written css please write from stratch because many newcomers can face problems during making a project from stratch specially under the media queries and utilities
nimaga manda oxshamadi
So disgusting
Thanks a lot! 😊
Hi i am getting error 403 , JsonWebTokenError: jwt malformed. please me out
I got error for navbar (profile photo) & single blog page (delete or edit blog post) component, error: TypeError: Cannot read properties of undefined (reading 'toString') what can I do? please debug
Nice
Where is the code?
how to get image
Please also show how to deploy it! Thanks!
u can upload any nextjs project on vercel or netlify easily it won't required in videos
How you made the responsive mobile view at right side.what is the name of the extension
instead of hardcoding left:150px, we can do right:0 and transform: translateX(100%). it will align the chile to the right edge of the parent. Good video
need simple correction for hamburger menu script see my code please = menu.addEventListener("click", (event) => { if (event.target.matches("#link")) { menu.classList.add("hidden"); hamburger.classList.remove("fa-xmark"); } });
asslam alaikum sir navbar bna kar hum kaha share kar sakhte hai
thanx for the tutorial man it was excellent, but one thing we should not use same "id" in HTML it is not a good practice
yeah and use could have used simple css to select in QS paranthesis
Simple and clear explanations. Thanks for the video
Sir I am getting Hydration error, how to fix it?
Please watch the video again; I have already fixed that issue.
const [hydrated, setHydrated] = useState(false); useEffect(() => { setHydrated(true); }, []); if (!hydrated) { return null }
Amazing video, keep it up man 👏🏾 ...Can you teach how to make it responsive tho
How can i get your image ?
Please check the link provided in the description for the source code and download it.
Great Work Bro 💌💌💌💌💌💌
very helpful . I learned a lot. Are yo bangladeshi?
Excellent tutorial :)
It was really really helpful ❤
Make 1 video about how to design navigation bar drop-down menu Means when we click on particular drop-down menu then automatically open next webpage
plz give me the demo link
I appreciate you for putting A good work for us. Please can you crate a contact menu or nav bar with a link button to it So that when you click on contact menu a pop up form will display. Like contact us form, logging or massage us form will display as a popup in contact menu❤
bery nice
THANKS A LOT. You did really great work, thanks again. May God bless you.
Most welcome, David! Glad to hear that.
nice
Having music on tutorial videos is not a good idea
thank you so much, it helped me learn css more! your video is really easy to understand
Why i chance color/add property color in tailwind.config.js but my website not chance the color, please answer my question🥲
In light mode my background color is white, so I want to change text color in black or dark, but still white. I have chance many times but still not working. I'm sorry if my english bad
Bro bring a tutorial on full ReactJs using a project bro.. I don’t know anything about ReactJs but want to learn from you
This is what I am looking for. Simple but nice
link to download files not working
It's working perfectly brother, please check again.
Baiya arokom video aro chai 🖤🖤🖤🖤
Very Nice
In nextjs 14, this method does not work. Also, i wanted to know if we are wrapping provider on body in nextjs , doesn't it make every child present inside it be default client component.
Bro how to add backend for our website using like PHP language and how to deploy our website in production with backed in short how to deploy a dynamic website?
Nice one bro.. Can u make react + tailwind projects
so great ♥
Good job But please I need the link to asset folder(HTML and jsx) that you used in the project.
There is a source code link in the description. Please follow the link.
@@lightcodechannelOkay. Seen Thanks
Thank you for the lesson. Is there a difference between the CRUD operations we do with Nextjs and Nodejs CRUD operations?
This project is really a masterpiece using Tailwind CSS... #Very_Good💯👍
👍👍👍