HTML, CSS, JAVASCRIPT BEGINNER’S PROJECT, Code along REST API projects for beginners web development

Code along this HTML, CSS, JAVASCRIPT project with REST API for beginners! The QR Code Generator API Challenge is the best beginner level api project in the series, building a user interface with some settings in HTML and CSS, adding functionality with JavaScript and giving the user a result they can use!

Many have requested to have a code along that starts from scratch, uses the "vanilla" of html, css and javascript in a project and that’s what we’re going to do in this one, step by step, build every line together and bring it to the end result so if you're into that - be sure to check the YouTube link above. But of course you're always welcome to try it out yourself!

In this beginner friendly html, css, javascript project we will work with input fields, fieldset, buttons, with attributes - adding/removing/changing them depending on user’s input. You will get to create a user interface based on the options the API gives us, ensure the user provides us with the requires information and give the user feedback if not, etc. Bottom line - it’s going to be a lot of fun ✨

If you're new here - The Ultimate API Challenge is a place where I want to "break the ice" between us and APIs, show you how you can work with different tech stack, documentation, APIs, and create fun, cool, interesting api projects which also, by then end of the video, you can add to your web development portfolio!

So if you were searching for things to build, api projects ideas for beginners or just to hang out coding, - hop on this video and stay tuned for more! Subscribe and hit the notification's bell so you won't miss any episode!

00:00 Intro
01:15 Project preview
06:30 Let's setup the project
07:35 HTML and CSS part
1:08:00 JavaScript part
1:35:00 Calling the API
2:05:10 Recap

✨ Project Links ✨
Challenges' website - https://theultimateapichallenge.com/
QR Code Generator API challenge page: https://theultimateapichallenge.com/qr-code-generator-api
Starter files: https://github.com/danascript/the-ultimate-api-challenge-qr-code-generator

✨ Check out my other social accounts✨
Instagram: https://www.instagram.com/_danascript_
TikTok: https://tiktok.com/@danascript
Website: https://danascript.dev

✨ Setup details✨
Code Editor: Visual Studio Code
Theme: Ice Blue, which you can find here: https://marketplace.visualstudio.com/items?itemName=danascript.ice-blue-dark-theme
Font: Input Mono
More about desk setup: https://danascript.dev/links

Looking forward to seeing you in the next one!
Web design
Be the first to comment