It has been almost 3 weeks since I started and I have learned so much already. Five days ago I finished my first ever project using Vanilla JavaScript and I have to say, it was such a fun experience, I kept wanting to add more features and improve it constantly, I was never satisfied of how it turned out so I kept going back to make changes, I realized, I'm really really enjoying learning JavaScript.
There is so much to learn, but I'm so eager to just know everything which I know is impossible : ) .
School has been taking most of my time, 4 hours coding could feel like 4 minutes, time just flies, but I still love it.
Next week, I should be submitting my phase-1 project, which I already did and also passed my assessment, yaaay, phase-1 down, 4 more to go :) .
My Project basically was about fetching data from an Api "asynchronously", let me explain a little, Since JavaScript as a programming language is always synchronous and single-threaded, it executes/read code line by line, which means, in case I'm trying to fetch data, it could take a while, depending on the size of the data I'm trying to fetch, which also means, the whole page would stop and freeze until that fetching process is complete and also successful and here comes the need to use the JavaScript asynchronous built in method, "fetch". fetch returns a "Promise", A simple way to explain it is: while the asynchronous method that is used to fetch the data is running, it could take its sweet time but it will not stop JavaScript from executing the rest of the code, even when there is an error during the fetching process.
Now that I explained the main part that was crucial for building my project, I'll talk a little more about the fun part, the features I added to my phase-1 project.
I used a recipe and food API, built a random recipe generator and also a search ingredients form that upon submission will return a list of 10 recipes that matches the search form inputs. Also I added a comment section and for that, I hosted a json-server that I used to fetch data to and from (POST, GET) to display the comments on the page, and that would be it for my first project, here is a link to it if you would like to check it out:
https://www.youtube.com/watch?v=va0AYjBYYh0
Next week we will be starting with React, I'm super excited and looking forward to it, I have been watching videos of all the amazing applications that was built using React, hopefully I'll build my own one day.
Thank you for reading.
Top comments (0)