JavaScript Journey Episode 2 - Multiple Quiz Interaction Using JS by Bryan Ganzon Granse #bryanDevs

Subscribers:
4,160
Published on ● Video Link: https://www.youtube.com/watch?v=v8irFGlGzD8



Category:
Show
Duration: 36:39
9 views
0


This is my second goal journey in Javascript wherein, I do the TODO base on that goal to finish the multiple questions inside that object, and once that question is displayed I used a method to reduce it using .Shift() method, I love playing around that is why I documented this journey of mind, I had some experience in javascript since I do use a backbone.js framework before, but now I want to improve my fundamental understanding in Vanilla Javascript so that I can proceed to TypeScript, and other Javascript framework like React.js.

For me, Javascript is very important knowledge to have if you wanted to be a full stack developer, so its more like backend coder and frontend coder at the same time, which you gonna learn how to use CSS, HTML, Javascript, PHP Framework Laravel or Standard PHP, and MySQL.

Name: Bryan Ganzon Granse - A.K.A bryanDevs
Language: JavaScript
Episode: 2
Goal: To become a Full-Stack Developer
CSS Framework: Tailwind / Bootstrap

I mainly focus first on my strong understanding about the fundamental of Vanilla JavaScript, then proceed to TypeScript, and JavaScript Frameworks like Vue.js, Angular.js, React.js, and Next.js. My learning is infinite so I would like to document it here on my YouTube Channel.

Now About This Video, TODO called 'Multiple Quiz'

The goal here is to make multiple quizzes which are stored in an object fact then call each of those questions and display them on that page, which I use a method that will reduce the value of an object.

1. I use FOR OF LOOP since the button is inside the div Option and declare it as children to get all the buttons inside that div.
2. I use the if statement to check if the object still has data, and the if statement to check what button is being clicked by the user using the addEventListener click.
3. I also create a function to Enable or disable buttons as well as a function to show or hide elements.
4. The function that I use here is the Fat Arrow function since it is easy and less code should I say.

JavaScript Journey Episode 2 - Multiple Quiz Interaction Using JS by Bryan Ganzon Granse #bryanDevs

javascript,javascript journey,javascript coding,javascript documentation,my coding journey,full stack journey,front-end developer portfolio,back-end web development,js,javascript vanilla,javascript for beginners,javascript tutorial,javascript tutorial for beginners,bryanDevs,Bryan Devs,Bryan Granse TV




Other Videos By Bryan Granse Devs


2023-05-13Another Successful Website Speed Optimization - Google Page Insights
2023-04-19How to Create Vertical Line in Two Possible Way with the Latest Elementor Container
2023-04-17Planning the Pricing Page and Get Inspiration Design and Place all of it in Adobe XD + Elementor P-1
2023-04-10Building Page Using Elementor - Vlog #1
2023-03-18Display OS Free Memory and Convert MB to GB Using NodeJS - My Journey in NodeJS #bryanGranseDevs
2023-03-02JavaScript Journey Episode 6 - Fetching Live API With Demo Data from Reqres and Little CreateElement
2023-02-24Small Project 1: Quiz with Timer Using JavaScript | Bryan Granse #bryanDevs
2023-02-16JavaScript Journey Episode 5 - RegEx (Regular Expression) Testing User Input in The Form & Validate
2023-02-06JavaScript Journey Episode 4 - Extracting Data in Table Using JS and Log into Console | For-OF Loop
2023-02-04JavaScript Journey Episode 3 - Multiple Quiz Without Todo or Instruction - Test my Understanding
2023-01-29JavaScript Journey Episode 2 - Multiple Quiz Interaction Using JS by Bryan Ganzon Granse #bryanDevs
2023-01-27JavaScript Journey Episode 1 - Basic Quiz Interaction Using JS by Bryan Ganzon Granse #bryanDevs
2022-11-02Konting Coffee ☕ Sa Malamig na Umaga
2022-11-02Moment At Panabo Cemetery #allsoulsday
2022-01-06Filmora 9 Auto Shutdown Quick Fix!!
2021-12-31Advance Happy New Year in 2022
2021-08-29Rain Video Recording Around 1:13PM While Talking About One Piece Character
2020-08-16HOW TO STREAM ON FACEBOOK USING OMLET ARCADE ON YOUR ANDROID PHONE
2020-07-25BAKIT BA MAGANDANG OPPORTUNITY ANG FACEBOOK STREAMING
2020-07-25How To Delete / Remove "Scene Themes" from Streamlabs OBS (TAGALOG)
2020-07-24PAANO KUMITA SA PAG LIVESTREAM SA FACEBOOK (Full Guide)



Tags:
javascript
javascript journey
javascript coding
javascript documentation
my coding journey
full stack journey
front-end developer portfolio
back-end web development
js
javascript vanilla
javascript for beginners
javascript tutorial
javascript tutorial for beginners
bryanDevs
Bryan Devs
Bryan Granse TV