Chapter 3: Web Applications · Term 1
Lesson 3-3 explained: Fundamentals of Frontend Technology
HTML structures, CSS styles, JavaScript behaves — and semantic HTML, responsive design, and frameworks make a modern frontend meaningful, adaptable, and efficient.
Lesson summary
A web page is built from three technologies with independent roles: HTML defines the structure, CSS specifies the appearance, and JavaScript adds behavior and interactivity — combined, they create the page.
Takeaway: HTML structures, CSS styles, JavaScript behaves — and semantic HTML, responsive design, and frameworks make a modern frontend meaningful, adaptable, and efficient.
Key terms
- HTML
- CSS
- JavaScript
- Semantic HTML
- Responsive design
- Framework
- Accessibility
- SEO
Textbook page: Arabic book 62 · English book 68
Free questions on this lesson
From the textbook question bank. Think of the answer first, then open it.
1. Which three technologies is a web page mainly built from?
- HTTP, HTTPS, and TLS
- Only React, Vue, and Next.js
- HTML, CSS, and JavaScript
- GET, POST, and JSON
Answer
Correct answer: HTML, CSS, and JavaScript
Web pages are mainly based on HTML (structure), CSS (appearance), and JavaScript (behavior).
Fundamentals of frontend technology (Key fact) · page 69
2. In the figure, what changed from the first page to the second (+ CSS)?
- A search box that reacts to typing
- All headings and links were removed
- The look: colors, fonts and layout
- A counter that rises on each tap
Answer
Correct answer: The look: colors, fonts and layout
CSS added styling and visual design: colors, layout, fonts and spacing.
Figure: Roles of HTML, CSS, and JavaScript · page 69
3. What is the main benefit of using a framework?
- The design becomes responsive with no work at all
- The developer need not write all the code from scratch
- The page is encrypted by itself and needs no HTTPS
- The server disappears and no response is needed
Answer
Correct answer: The developer need not write all the code from scratch
With a framework, developers do not need to write all the code from scratch, so they develop efficiently.
4. Frameworks · page 70
Keep studying on the platform
The full explanation of every lesson, interactive simulations, homework and an exam per chapter, and the whole question bank. Try it free, no code needed.
Lessons in this chapter 3: Web Applications
- 3-1 The Overall Structure of Web Applications
- 3-2 Web Application Communication Methods
- 3-3 Fundamentals of Frontend Technology