![Web Dev Tutorials](/img/default-banner.jpg)
- Видео 103
- Просмотров 2 131 572
Web Dev Tutorials
США
Добавлен 22 июн 2019
Hello, everyone, and welcome. I'm just a guy that loves developing software. On this channel, I share with you the knowledge I've gained about web development over the years and more. If you like the content, consider subscribing and perhaps joining the channel membership, that would really mean a lot to me. Have a wonderful day and thanks for checking out my channel.
- Miguel Nunez
- Miguel Nunez
How to Upload Images with JavaScript ( The Ultimate Guide ) - MySQL / AWS S3 - Part #3
How to upload and preview images with JavaScript? This image uploading guide teaches you everything you need to know about uploading images with JavaScript. I broke the process down into three parts.
Part 1: How to upload and preview images on the frontend.
Part 2: How to save the images in a server file system with Node.js and Multer.
Part 3: How to save the images in a MySQL database / Amazon Web Services (AWS) S3.
Prefer to read the ultimate JavaScript image uploading guide?
medium.com/@miguelznunez/how-to-upload-and-display-multiple-images-with-node-js-and-multer-javascript-a0404ca051ee
Amazon Web Services (AWS):
aws.amazon.com/
Multer S3:
www.npmjs.com/package/multer-s3-v2
GitHub repo:
github....
Part 1: How to upload and preview images on the frontend.
Part 2: How to save the images in a server file system with Node.js and Multer.
Part 3: How to save the images in a MySQL database / Amazon Web Services (AWS) S3.
Prefer to read the ultimate JavaScript image uploading guide?
medium.com/@miguelznunez/how-to-upload-and-display-multiple-images-with-node-js-and-multer-javascript-a0404ca051ee
Amazon Web Services (AWS):
aws.amazon.com/
Multer S3:
www.npmjs.com/package/multer-s3-v2
GitHub repo:
github....
Просмотров: 3 239
Видео
How to Upload Images with JavaScript ( The Ultimate Guide ) - Node.js - Part #2
Просмотров 7 тыс.Год назад
How to upload and preview images with JavaScript? This image uploading guide teaches you everything you need to know about uploading images with JavaScript. I broke the process down into three parts. Part 1: How to upload and preview images on the frontend. Part 2: How to save the images in a server file system with Node.js and Multer. Part 3: How to save the images in a MySQL database / Amazon...
How to Upload Images with JavaScript ( The Ultimate Guide ) - JavaScript - Part #1
Просмотров 20 тыс.Год назад
How to upload and preview images with JavaScript? This image uploading guide teaches you everything you need to know about uploading images with JavaScript. I broke the process down into three parts. Part 1: How to upload and preview images on the frontend. Part 2: How to save the images in a server file system with Node.js and Multer. Part 3: How to save the images in a MySQL database / Amazon...
How to Build a Todo List App with Local Storage for Beginners - HTML, CSS & JavaScript
Просмотров 29 тыс.Год назад
Learn how to build a todo list web app in HTML, CSS and JavaScript with the ability to display, create, edit and delete your tasks. Task list, to-do list, shopping list. CSS code: codepen.io/miguelznunez/pen/yLEroqK GitHub repository: github.com/miguelznunez/To-do-list-local-storage Try it live: miguelznunez.github.io/To-do-list-local-storage/ Follow my blog: medium.com/@miguelznunez Email : mi...
How to Embed the SoundCloud Widget API in Your Website - HTML & CSS
Просмотров 10 тыс.Год назад
In this tutorial, you'll learn how to add the SoundCloud widget API in your application. developers.soundcloud.com/docs/api/html5-widget Follow my blog: medium.com/@miguelznunez Email : mignunez@csumb.edu Medium : medium.com/@miguelznunez Codepen : codepen.io/miguelznunez GitHub : github.com/miguelznunez
How to Get a User's Current Location from the Browser with the Geolocation API - JavaScript
Просмотров 11 тыс.Год назад
In this tutorial, Ill you'll learn how to get your user's current location with the Geolocation API. medium.com/@miguelznunez/how-to-access-a-users-location-with-the-geolocation-api-javascript-91376b7fc720 Sponsor me on GitHub! github.com/sponsors/miguelznunez Follow my blog: medium.com/@miguelznunez Email : mignunez@csumb.edu Medium : medium.com/@miguelznunez Codepen : codepen.io/miguelznunez ...
How to Create a CSS Gradient Generator for Beginners - HTML, CSS & JavaScript
Просмотров 1,5 тыс.Год назад
In this tutorial, Ill you'll learn how to create a simple CSS gradient generator project. Sponsor me on GitHub! github.com/sponsors/miguelznunez Follow my blog: medium.com/@miguelznunez Email : mignunez@csumb.edu Medium : medium.com/@miguelznunez Codepen : codepen.io/miguelznunez GitHub : github.com/miguelznunez
How to Install MongoDB on Windows 10
Просмотров 799Год назад
In this tutorial, you'll learn how to install MongoDB on Windows 10. Sponsor me on GitHub! github.com/sponsors/miguelznunez Follow my blog: medium.com/@miguelznunez Email : mignunez@csumb.edu Medium : medium.com/@miguelznunez Codepen : codepen.io/miguelznunez GitHub : github.com/miguelznunez
How to Fetch Data from an API in JavaScript: A Guide for Beginners - Part 2
Просмотров 719Год назад
In this tutorial, you'll learn how to to use the JavaScript fetch API. The Fetch API provides a JavaScript interface for accessing and manipulating parts of the protocol, such as requests and responses. It also provides a global fetch() method that provides an easy, logical way to fetch resources asynchronously across the network. Part 1: ruclips.net/video/y-Mz7-UUa9s/видео.html Sponsor me on G...
How to Fetch Data from an API in JavaScript: A Guide for Beginners - Part 1
Просмотров 1,3 тыс.Год назад
In this tutorial, you'll learn how to to use the JavaScript fetch API. The Fetch API provides a JavaScript interface for accessing and manipulating parts of the protocol, such as requests and responses. It also provides a global fetch() method that provides an easy, logical way to fetch resources asynchronously across the network. Watch part 2: ruclips.net/video/dDc1BbgNd70/видео.html Sponsor m...
How To Create a Responsive Image Grid (Masonry Layout) with HTML and CSS - Flexbox
Просмотров 51 тыс.Год назад
In this tutorial, you'll learn how to to create a responsive image grid with CSS. Image list: source.unsplash.com/OyCl7Y4y0Bk source.unsplash.com/Kl1gC0ve620 source.unsplash.com/55btQzyDiO8 source.unsplash.com/g0dBbrGmMe0 source.unsplash.com/v1OW17UcR-Q source.unsplash.com/Wpg3Qm0zaGk source.unsplash.com/W3FC_bCPw8E source.unsplash.com/rBRZLPVLQg0 source.unsplash.com/RRksEVVoU8o Sponsor me on G...
How To Create A Responsive Navigation Menu With CSS Only (No Talking)
Просмотров 851Год назад
In this tutorial, you'll learn how to create a responsive hamburger menu with CSS only. Code author: Sanket Bodake Sponsor me on GitHub! github.com/sponsors/miguelznunez Follow my blog: medium.com/@miguelznunez Email : mignunez@csumb.edu Medium : medium.com/@miguelznunez Codepen : codepen.io/miguelznunez GitHub : github.com/miguelznunez
My CSUMB Computer Science Capstone Presentation 2022 - Full Stack App "Needa" - Voted #1st Place
Просмотров 335Год назад
My capstone presentation for the California State University of Monterey Bay class of 2022. Sponsor me on GitHub! github.com/sponsors/miguelznunez Follow my blog: medium.com/@miguelznunez Email : mignunez@csumb.edu Medium : medium.com/@miguelznunez Codepen : codepen.io/miguelznunez GitHub : github.com/miguelznunez
How to Create and Display a Loading Spinner on Page Load (without JQuery) - HTML, CSS & JavaScript
Просмотров 73 тыс.Год назад
In this tutorial, you'll learn how to create and show a loading spinner until the page has finished loading. Sponsor me on GitHub! github.com/sponsors/miguelznunez Follow my blog: medium.com/@miguelznunez Email : mignunez@csumb.edu Medium : medium.com/@miguelznunez Codepen : codepen.io/miguelznunez GitHub : github.com/miguelznunez
How to Add Smooth Scrolling Anchor Links to Jump to a Specific Part of a Web Page - HTML & CSS
Просмотров 49 тыс.Год назад
In this tutorial, you'll learn how to scroll up or down a website using an anchor link with CSS only. Sponsor me on GitHub! github.com/sponsors/miguelznunez Follow my blog: medium.com/@miguelznunez Email : mignunez@csumb.edu Medium : medium.com/@miguelznunez Codepen : codepen.io/miguelznunez GitHub : github.com/miguelznunez
How to Add Google reCAPTCHA (Invisible version) - Node.js
Просмотров 11 тыс.Год назад
How to Add Google reCAPTCHA (Invisible version) - Node.js
How to Easily Create an Image Lightbox Gallery (with LightBox library) - HTML, CSS & JavaScript
Просмотров 4 тыс.2 года назад
How to Easily Create an Image Lightbox Gallery (with LightBox library) - HTML, CSS & JavaScript
Top 5 Visual Studio Code Themes of 2022
Просмотров 2,3 тыс.2 года назад
Top 5 Visual Studio Code Themes of 2022
How To Show/Hide an Input Field Password Using the Eye Icon - HTML, CSS & JavaScript
Просмотров 27 тыс.2 года назад
How To Show/Hide an Input Field Password Using the Eye Icon - HTML, CSS & JavaScript
How to Toggle Show and Hide Password in Javascript - HTML, CSS & JavaScript
Просмотров 2,4 тыс.2 года назад
How to Toggle Show and Hide Password in Javascript - HTML, CSS & JavaScript
How to Add a Transparent Overlay to Background Images with CSS - A Beginners Guide
Просмотров 59 тыс.2 года назад
How to Add a Transparent Overlay to Background Images with CSS - A Beginners Guide
How to Make a Side Menu - HTML, CSS & JavaScript
Просмотров 1,4 тыс.2 года назад
How to Make a Side Menu - HTML, CSS & JavaScript
How to download a file with Node.js (without any third-party libraries)
Просмотров 8 тыс.2 года назад
How to download a file with Node.js (without any third-party libraries)
How to Create a Responsive Testimonials Slider (w/ Tiny-slider) - HTML, CSS & JavaScript
Просмотров 1,7 тыс.2 года назад
How to Create a Responsive Testimonials Slider (w/ Tiny-slider) - HTML, CSS & JavaScript
How to Create a Multi Item Image Slider (w/ Tiny-slider) - HTML, CSS & JavaScript
Просмотров 3,2 тыс.2 года назад
How to Create a Multi Item Image Slider (w/ Tiny-slider) - HTML, CSS & JavaScript
How to use your Custom GoDaddy Domain Name for GitHub Pages
Просмотров 29 тыс.2 года назад
How to use your Custom GoDaddy Domain Name for GitHub Pages
How to use your Custom Namecheap Domain Name for GitHub Pages
Просмотров 10 тыс.2 года назад
How to use your Custom Namecheap Domain Name for GitHub Pages
How to Create a Responsive Hamburger Menu (Fixed Version) - HTML, CSS & JavaScript
Просмотров 19 тыс.2 года назад
How to Create a Responsive Hamburger Menu (Fixed Version) - HTML, CSS & JavaScript
How to Create a Pop-Up Modal with Cool Animation ( Automatic Version ) - HTML, CSS & JavaScript
Просмотров 3,1 тыс.2 года назад
How to Create a Pop-Up Modal with Cool Animation ( Automatic Version ) - HTML, CSS & JavaScript
How to Add Social Media Share Buttons on your Website - HTML, CSS
Просмотров 12 тыс.2 года назад
How to Add Social Media Share Buttons on your Website - HTML, CSS
Copied your JS exactly (and triple-checked) but nothing happens when I click on the button.
I become your fan after watching this.
Thanks 🎉
Sir plz tell can we generate all these codes using chat gpt
Nice video, thanks.
Hey how can I chnage its transition from topto bottom
How to connect and start 3000 port
why did we create the trashIcon constant?
Can you poste whole code on GIthub?
Thank you Great Tutorial
Thank you! Nice, clean and easy to follow!
i wouldve fkn hoped u would actual explain the shit youre writting...
CNAME, which is the last part cant save, saying ''Record name www conflicts with another record.'' any help please?
did you get help?
@@nhlanhlabhengu7087 not yet please
same error. Can anyone help please?
Delete the other one with name www. That should solve it. To get https, delete the fifth A.
Nice and organized. Thanks buddy
The best video to make a responsive nav bar. Thanks for the video!
Nice !
Not this, i want the rest of the text to flow over the img
great example - thanks.
how can i see my website stats
Simple. To the point. Thank you for this!
I WAS STRUGLING AND YOU HELPED ME
WTF BRO THANK YOU
i get a clean exit. I dont see "server started on port 3000". Dont know what I am doing wrong.
i've got the same issue too
thank you a lot.I have learned couple things from you
my spiner does not spin and sits in the topleft corner?
your tutorials are the best fr ive learnt so much love from nigeria can you do a react one
And I have trued this but the result is not exactly accurate... The result is just close to my location. Is there any way we could make it more accurate and precised to the users location... On the exact spot
Is the bigdatacloude api free for developers
What size are the images?
i followe every step but it doesn t let me to put it on 3 colums when i set display flex for the photo-gallery div. why?:(
This is exactly what i was looking for, thanks a lot man
hey Sir, neither this nor the previous project which uses the Unsplash API is working for me. Can you or anyone else help me fix it ? For the unspalsh one, i receive the cons error and for this one, no data is being displayed as i reached the maximum call size. Thanks in advance to whoever helps out!
I wasted many hours last night trying to do this to no avail. So glad I found this video! My site was up and running before your video was over! Thank you
Obrigado, you is the best bro
my sql server keeps turning on and off on my mac and its making it impossible to use mySQL, its actually so annoying
turns out degrading to a older version fixed the issue, I guess something about mac is a little weird with the newer one
when i typed in npm init it said there was an error and it couldn't find the string? please help
Thanks bro
simplicity: 💯 understandability: 💯
The best tutorial
hello, I tried to make this ( five column of nine photos) but it does not work... i am a bit stuck and if anyone as an idea of what cause this i would really appreciate some help !
Is there a way to make it loop around? Like page 4 could next page into page 1 or the other way around
great video. everthing worked out fine except for one problem. when i have my menu collapses and i click on the hamburger menu to open it, it only shows the home link and not all the other links
Not straight forward, i don't get it...😥
Not clear
thanks
FINALLY.
Thanks!
Hey Sir, your Tutorial helped me alot, thank you and keep it up.
Thanks for this, fastest way to learn about flex box.
Gracias Miguel, estoy aprendiendo un montón con tus tutoriales 👌