Front-end web development: Difference between revisions

Revision as of 13:16, 11 November 2023

Revision as of 13:40, 11 November 2023

Line 41:

[[Cascading Style Sheets]] (CSS) controls the presentation aspect of the site and allows your site to have its own unique look. It does this by maintaining style sheets that sit on top of other style rules and are triggered based on other inputs, such as device screen size and resolution. The CSS can be added externally, internally, or embedded in the HTML tags.<ref>{{Cite web |last=Abed |first=Sudad |date=2019 |title=Inserting CSS |url=https://www.uoanbar.edu.iq/catalog/file/lects/ITC/sudadAbed/WebAppsDev/5'th%20Lecture.pdf}}</ref>

===JavaScript===

[[JavaScript]] is an event-based [[imperative programming]] language (as opposed to HTML's [[declarative programming|declarative language]] model) that is used to transform a static HTML page into a dynamic interface. JavaScript code can use the [[Document Object Model]] (DOM), provided by the HTML standard, to manipulate a web page in response to events, like user input.Explore popular front-end frameworks like React, Angular, and Vue.js. Acquire proficiency in building dynamic and scaleable single-page applications using these frameworks, which provide a structured approach to front-end development and facilitate efficient code management.<ref>{{cite web |last1=Timalsina |first1=Abiral |title=The Ultimate Guide to Front-End Web Development: A Comprehensive Roadmap for Beginners |url=https://www.abiraltimalsina.com.np/2023/11/the-ultimate-guide-to-front-end-web.html |website=Learn with Abiral}}</ref>

Using a technique called [[AJAX]], JavaScript code can also actively retrieve content from the web (independent of the original HTML page retrieval), and also react to server-side events as well, adding a truly dynamic nature to the web page experience.