NeoDev
NeoDev
  • Видео 24
  • Просмотров 6 550
Javascript projects for beginners
Join us as we dive into these three JavaScript projects, step by step, explaining concepts, demonstrating code implementation, and providing valuable insights along the way. Whether you're a beginner looking to practice your JavaScript skills or an experienced developer seeking inspiration for your next project, this tutorial has something for everyone.
Don't miss out on this opportunity to learn, create, and have fun with JavaScript. Hit the play button and let's get coding!
🕛 TimeStamps 🕛
✅ 39:00 Temperature Converter
Source 💻:
CodePen🔗codepen.io/Oskar_Olortegui/pen/Yzgogwb
✅ 24:15 Stopwatch with LocalStorage
😸GitHub - Branch#2
🔗github.com/AlephOlortegui/Stop_Watch/tree/version_2
✅ 49:11 F...
Просмотров: 90

Видео

Node Auth Tutorial (JWT)
Просмотров 1087 месяцев назад
Welcome to our comprehensive tutorial on building a basic website using Express.js, EJS templates, MongoDB for database management, and JWT authentication for secure login and signup functionalities. Whether you're a beginner looking to dive into web development or an experienced developer seeking to expand your skills, this tutorial has something for everyone. In this video, we'll guide you st...
React Todo List App Tutorial - Reducer, Context, useMemo
Просмотров 723Год назад
Welcome to our comprehensive tutorial on creating a Todo App using the power of React! In this video, we'll guide you through the process of building a fully-featured Todo application that leverages advanced techniques like React Context, useReducer, LocalStorage, Dark Theme implementation, and the optimization magic of useMemo. What you'll learn in this tutorial: ✅ Set up a React project with ...
Fetching Data from the Pokemon API using Async/Await | Form Input & Random Pokemon Button
Просмотров 1 тыс.Год назад
Get ready to grasp the art of asynchronous programming and create an interactive web application that fetches Pokemon data with ease. Whether you're a Pokemon fan or a JavaScript enthusiast, this tutorial is sure to captivate your interest. Don't forget to like, share, and subscribe to our channel for more engaging coding tutorials. Let's embark on this journey of learning and exploration toget...
Table React CRUD Operations with Context, Dark Mode & More
Просмотров 424Год назад
Welcome to our latest tutorial on React CRUD (Create, Read, Update, Delete) operations, where we'll build a powerful web application using various cutting-edge technologies. In this video, we'll leverage JSON-server API, Bootstrap Table, React Router, Custom Hooks, Reusable Components, Input Filter Search, and implement a Dark Mode using context. ⭐ What you'll learn in this tutorial ⭐ 🔦Set up a...
RGB to HEX and HEX to RGB Conversion in JavaScript
Просмотров 83Год назад
Welcome to our latest RUclips tutorial, where we dive into the fascinating world of color conversion! 🌈🚀 In this video, we'll explore how to effortlessly convert colors between RGB and HEX formats using JavaScript. Whether you're a web developer, designer, or just curious about color representation, this tutorial has something for everyone! 💻💡 Discover how to convert RGB (Red, Green, Blue) valu...
Create a Random Color Generator with JavaScript
Просмотров 93Год назад
Welcome to our exciting new RUclips tutorial on building a Random Color Generator using JavaScript! 🎨🚀 In this short and engaging video, we'll dive deep into JavaScript and explore how to create a dynamic web application that generates random colors with just a few lines of code. 🌈💡 With a focus on JavaScript throughout the 9-minute video, we'll walk you through each step, explaining the code a...
JavaScript, Bootstrap, and SCSS: Clone a Stunning Single Page!
Просмотров 49Год назад
Welcome to our captivating RUclips tutorial, where we'll show you how to clone a beautifully designed single page using JavaScript, Bootstrap, and SCSS. 🌟💻 In this video, we'll take you through the entire process of replicating a stunning single page with ease. Our step-by-step guidance will ensure that you gain valuable insights into using these powerful technologies for web development. 🔍 Div...
JavaScript todo list with LocalStorage
Просмотров 2,4 тыс.Год назад
Welcome to our latest RUclips tutorial on creating a powerful Todo List with local storage integration! In this video, we'll walk you through the process of developing a feature-rich task management system, where you can add, edit, delete, and persist your todos using the browser's local storage. With our step-by-step guidance, you'll learn how to leverage JavaScript to build a robust Todo List...
Image slider using JavaScript in minutes
Просмотров 23Год назад
Welcome to our latest RUclips tutorial on building an interactive image slider using JavaScript! In this video, we'll guide you through the process of creating a dynamic slideshow with next and previous buttons that smoothly transition between images. Using JavaScript, we'll select all the images on the page and assign them to the 'imgs' variable. Additionally, we'll grab references to the next...
SASS iPhone design with Real-Time Clock and Dynamic Backgrounds
Просмотров 29Год назад
Welcome to our latest RUclips tutorial on creating a stunning iPhone design using SASS. In this video, we'll guide you through the process of building a sleek iPhone interface with a real-time clock and a unique feature that allows you to change the home screen background image through a single menu or "App." Throughout the tutorial, we'll demonstrate the power of using data attributes, which p...
Learn HTML in minutes
Просмотров 81Год назад
Ready to boost your web development skills? Look no further! This quick and informative video will guide you through the essentials of HTML in just a few minutes. 🚀 Watch the most recent videos www.youtube.com/@AlephNeoDev/videos 👀 I am NeoDev 👽, Let's grow together! 🕛🕛TimeStamps🕛🕛 ✅ 0:12 What is HTML? ✅ 0:37 how to create an HTML file ✅ 1:27 HTML element ⭐ ✅ 2:00 Your first Tags! ✅ 2:20 Attrib...
Simple Endless Carousel with an Amazing Algorithm
Просмотров 87Год назад
Ready to create a stunning and seamless endless carousel? Look no further! This tutorial will walk you through building a simple yet impressive carousel using an amazing algorithm that ensures smooth and continuous carousel. 🚀💻 Watch the most recent videos www.youtube.com/@AlephNeoDev/videos 👀 Welcome back 😀 Today we're going to create a automatic endless carousel with Javascript Follow along a...
Automatic endless Carousel with JS
Просмотров 70Год назад
This tutorial will guide you through building an impressive automatic endless carousel using JavaScript. 🚀💻 Codepen 💻: codepen.io/Oskar_Olortegui/pen/zYzZOVo Watch the most recent videos www.youtube.com/@AlephNeoDev/videos 👀 Welcome back 😀 Discover how to harness the power of JavaScript to create a dynamic and engaging carousel that seamlessly loops through your content. From implementing autom...
Responsive Carousel Problems with CSS only.
Просмотров 56Год назад
Codepen 💻 : codepen.io/Oskar_Olortegui/pen/JjmLRNj Watch the most recent videos www.youtube.com/@AlephNeoDev/videos 👀 Welcome back 😀 Today we're going to see what problems we encounter while creating a CSS carousel. And we will see one way (because there are many ways to create a carousel) to solve a few bugs until we get our final result. Please, have fun, follow along the video and discover t...
Play Hangman with me using React Hooks
Просмотров 259Год назад
Play Hangman with me using React Hooks
Just Play Hangman with me using React JS
Просмотров 242Год назад
Just Play Hangman with me using React JS
Animated Hover Card with Sass
Просмотров 196Год назад
Animated Hover Card with Sass
JavaScript LocalStorage, is it hard to use?
Просмотров 94Год назад
JavaScript LocalStorage, is it hard to use?
HTML Tutorial for Beginners
Просмотров 127Год назад
HTML Tutorial for Beginners
Your First Responsive Menu - JS and CSS
Просмотров 58Год назад
Your First Responsive Menu - JS and CSS
Come and create this flashy card with CSS
Просмотров 76Год назад
Come and create this flashy card with CSS
Beginners React Js Jokes App with LocalStorage
Просмотров 38Год назад
Beginners React Js Jokes App with LocalStorage
Mobile-first design with Sass and JS for beginners?
Просмотров 140Год назад
Mobile-first design with Sass and JS for beginners?

Комментарии

  • @rajeshmangukiya5468
    @rajeshmangukiya5468 6 месяцев назад

    good one👏

  • @kevinparravela9997
    @kevinparravela9997 7 месяцев назад

    Nice video bro

  • @jeanpaulloayzadiaz1397
    @jeanpaulloayzadiaz1397 7 месяцев назад

    Niceeeeee perro

  • @torutomaktu
    @torutomaktu 11 месяцев назад

    will the to-dos disappear if you hard-refresh chrome?

    • @AlephNeoDev
      @AlephNeoDev 9 месяцев назад

      hi, it won't because we used LocalStorage.

  • @judyodiakose6838
    @judyodiakose6838 Год назад

    I have something similar. When i refresh the pge, the items are still there but as soon as i add another list item, it wipes the previous ones on display.. Any Idea on how to keep the old list and add new list items after refreshing?

    • @AlephNeoDev
      @AlephNeoDev Год назад

      in "addItem" Fx. make sure you have the conditionals correctly set. For further assistance take a look of the whole code here: codepen.io/Oskar_Olortegui/pen/KKrmPba on my Codepen. Or Watch the video at the end you will see it works with no bugs whatsoever. Have a nice day.

    • @judyodiakose6838
      @judyodiakose6838 Год назад

      @@AlephNeoDev Thanks a lot

  • @ajsmedia879
    @ajsmedia879 Год назад

    Thank you sir for teaching this project in vary simple way.👍

  • @abusalehinrifat5516
    @abusalehinrifat5516 Год назад

    Thanks for this tutorial,

    • @AlephNeoDev
      @AlephNeoDev Год назад

      I appreciate it, I tried to do my best here 😄

  • @dana6593
    @dana6593 Год назад

    Promo'SM 💞

  • @fordinh8225
    @fordinh8225 Год назад

    Thank you for the short and concise coding tutorial! I will use this for one of the features in my project.

    • @AlephNeoDev
      @AlephNeoDev Год назад

      My pleasure, and thank you so much for your support, means a Lot. Good vibes for your project :)