Podcast
Questions and Answers
What does the term 'selector' refer to in CSS?
What does the term 'selector' refer to in CSS?
- The overall layout structure of a web page
- The style sheet file used for external linking
- The property and value of a style declaration
- The element that is being styled (correct)
Which of the following best describes 'inline' styling in CSS?
Which of the following best describes 'inline' styling in CSS?
- Styles that affect only block-level elements
- Styles loaded from an external CSS file
- Styles defined within the HTML document itself (correct)
- Styles applied to multiple elements using a class
What is the primary advantage of using external style sheets in CSS?
What is the primary advantage of using external style sheets in CSS?
- They allow for greater reusability and separation of styles from structure (correct)
- They increase the loading time of a web page
- They automatically apply styles to child elements only
- They are easier to implement than inline styles
What does the 'cascading' aspect of CSS signify?
What does the 'cascading' aspect of CSS signify?
In CSS, what does the box model represent?
In CSS, what does the box model represent?
Which CSS module allows for the creation of grids within a webpage?
Which CSS module allows for the creation of grids within a webpage?
What style rule would be contained within a 'declaration' in CSS?
What style rule would be contained within a 'declaration' in CSS?
What is the role of a class selector in CSS?
What is the role of a class selector in CSS?
What is a key limitation of relational databases highlighted in the context of modern web applications?
What is a key limitation of relational databases highlighted in the context of modern web applications?
Which term is used to describe databases that do not manage data in a tabular format?
Which term is used to describe databases that do not manage data in a tabular format?
What does the 'M' in a MEAN stack stand for?
What does the 'M' in a MEAN stack stand for?
Which of the following stacks is represented by the acronym LAMP?
Which of the following stacks is represented by the acronym LAMP?
What is one advantage of using MariaDB over MySQL?
What is one advantage of using MariaDB over MySQL?
Which technology is NOT part of the LEMP stack?
Which technology is NOT part of the LEMP stack?
What is a primary reason many developers prefer using tech stacks like MEAN or LAMP?
What is a primary reason many developers prefer using tech stacks like MEAN or LAMP?
Which of the following best describes the function of XAMPP?
Which of the following best describes the function of XAMPP?
What is one of the primary responsibilities of back-end development?
What is one of the primary responsibilities of back-end development?
Which of the following technologies is commonly used for database interactions in back-end development?
Which of the following technologies is commonly used for database interactions in back-end development?
What is the function of JSON in web development?
What is the function of JSON in web development?
In web development, what does ORM stand for?
In web development, what does ORM stand for?
Why is a full stack developer beneficial in modern web development?
Why is a full stack developer beneficial in modern web development?
What is one key component of good web design from a front-end perspective?
What is one key component of good web design from a front-end perspective?
Which of the following best describes the term 'data-driven website'?
Which of the following best describes the term 'data-driven website'?
What role does a framework like Django play in web development?
What role does a framework like Django play in web development?
Flashcards
NoSQL databases
NoSQL databases
Databases not using SQL, not restricted to tabular data.
Relational databases
Relational databases
Databases organizing data in tables, assuming known and unchanging data.
Tech Stacks
Tech Stacks
Collections of technologies working well together for web development.
LAMP stack
LAMP stack
Signup and view all the flashcards
LEMP stack
LEMP stack
Signup and view all the flashcards
MEAN stack
MEAN stack
Signup and view all the flashcards
XAMPP
XAMPP
Signup and view all the flashcards
MariaDB
MariaDB
Signup and view all the flashcards
Web Development Approach
Web Development Approach
Signup and view all the flashcards
Front-End Development
Front-End Development
Signup and view all the flashcards
Back-End Development
Back-End Development
Signup and view all the flashcards
Web Architecture
Web Architecture
Signup and view all the flashcards
HTML
HTML
Signup and view all the flashcards
CSS
CSS
Signup and view all the flashcards
JavaScript
JavaScript
Signup and view all the flashcards
Django
Django
Signup and view all the flashcards
selector
selector
Signup and view all the flashcards
declarations
declarations
Signup and view all the flashcards
modules (CSS)
modules (CSS)
Signup and view all the flashcards
box-model
box-model
Signup and view all the flashcards
grid-layout
grid-layout
Signup and view all the flashcards
flex
flex
Signup and view all the flashcards
inline CSS
inline CSS
Signup and view all the flashcards
external CSS
external CSS
Signup and view all the flashcards
Study Notes
Web Application Technologies
- Release 0.01
- Authors: Patrick Ingham and Tony Jenkins
- Date: Nov 08, 2024
Table of Contents
- 1 Welcome (page 1)
- 2 Getting Started (page 5)
- 3 How the Web Works (page 15)
- 4 Web Documents and HTML (page 29)
- 5 Styling with CSS (page 41)
- 6 CSS Toolkits (page 57)
- 7 Javascript (page 65)
- 8 The MVC Design Pattern (page 73)
- 9 Intermission: Good Web Design (page 77)
- 10 Web Frameworks (page 85)
- 11 Django: Basics (page 101)
- 12 Django: Models (page 107)
- 13 Django: Endpoints, Views, and Templates (page 117)
- 14 Django: Building a Website (page 125)
- 15 Summary and Review (page 133)
- 16 Web Technologies (page 135)
- Index (page 137)
1.1 Pre-Requisites
- Knowledge of Python programming
- Object-oriented programming (OOP) knowledge
- Familiarity with a modern IDE (e.g., PyCharm)
- Understanding of Source Code Control with Git and GitHub
- Basic knowledge of relational databases
- Basic networking concepts
1.3 Outcomes
- Explain web workings and architectures
- Create static web pages with HTML and CSS
- Apply CSS toolkits and frameworks
- Recognize good and bad web design
- Develop data-driven websites using modern frameworks (e.g., Django)
1.4 Scope
- Web development is a vast field
- Split into Front-End and Back-End development
- Front-End: User interface, user experience, and web design (HTML, CSS, JavaScript)
- Back-End: interactions with data stores (databases), business logic (Python, Java, PHP, GoLang, Rust)
- Technologies act as "glue" to connect the front-end and back-end (JSON, XML, YAML)
1.5 Tools
- Tools are available in the labs, and are freely downloadable
- Students can use any operating system (Linux is frequently used in examples)
- PyCharm Professional Edition is recommended for Django development
- Python version 3.12 (or later)
- Web browser(s) required (ideally 2)
- Internet connection needed
Studying That Suits You
Use AI to generate personalized quizzes and flashcards to suit your learning preferences.