JavaScript Project

For my first project at Flatiron School, I was given a task to build a Single Page Application (SPA) by using only HTML, CSS, and JavaScript. The data had to be accessed from a public API. All communication would be through JSON fetch requests. Before …


This content originally appeared on DEV Community and was authored by hanaxdo

For my first project at Flatiron School, I was given a task to build a Single Page Application (SPA) by using only HTML, CSS, and JavaScript. The data had to be accessed from a public API. All communication would be through JSON fetch requests. Before coming up with a plan, we must understand what an API is. An API stands for Application Programming Interfaces. It provides an easier syntax to use by allowing difficult features to be more easy to use. After carefully planning my project, I started building my HTML file. It is used to format my structure of the application. Unfortunately, you don’t get to see your work come alive yet. Here’s where JavaScript comes in! JavaScript is an object orient programming language designed to allow users to create interactive and responsive web pages. Now here comes the fun part! Creating the CSS file allows you to customize the HTML elements by defining styles that includes the layout, the design, and much more. You can play around with the features until the application is the way you want it to be!

Here is my full code:
https://github.com/hanaxdo/phase-1-javascript-project-mode


This content originally appeared on DEV Community and was authored by hanaxdo


Print Share Comment Cite Upload Translate
APA
hanaxdo | Sciencx (2022-10-01T05:50:50+00:00) » JavaScript Project. Retrieved from https://www.scien.cx/2021/05/03/javascript-project/.
MLA
" » JavaScript Project." hanaxdo | Sciencx - Monday May 3, 2021, https://www.scien.cx/2021/05/03/javascript-project/
HARVARD
hanaxdo | Sciencx Monday May 3, 2021 » JavaScript Project., viewed 2022-10-01T05:50:50+00:00,<https://www.scien.cx/2021/05/03/javascript-project/>
VANCOUVER
hanaxdo | Sciencx - » JavaScript Project. [Internet]. [Accessed 2022-10-01T05:50:50+00:00]. Available from: https://www.scien.cx/2021/05/03/javascript-project/
CHICAGO
" » JavaScript Project." hanaxdo | Sciencx - Accessed 2022-10-01T05:50:50+00:00. https://www.scien.cx/2021/05/03/javascript-project/
IEEE
" » JavaScript Project." hanaxdo | Sciencx [Online]. Available: https://www.scien.cx/2021/05/03/javascript-project/. [Accessed: 2022-10-01T05:50:50+00:00]
rf:citation
» JavaScript Project | hanaxdo | Sciencx | https://www.scien.cx/2021/05/03/javascript-project/ | 2022-10-01T05:50:50+00:00
https://github.com/addpipe/simple-recorderjs-demo