Introduction Flashcards
(13 cards)
What is web programing?
It is the process of writing code that that enebles websites and web applications to function, this involves creating everthing from a stattic page to a complex web application, that users can access with the help of a web browser.
What is the life cycle of web programming/web development?
It is structured process used for the design, devlopment, deployment and maintatance of web sites and web applications.
What are the phases of the web development life cycle? (Draw it)
- Planing
- Analysis and Requirmetn Gathering
- Design
4.Developmenting - Testing
- Deployment
- Maintanance
What happens in the Planing stage of the WDLC?
At this stage the goals, target audience, time line, budget, features and technologies to used for the project are defined.
What happens in the analysis and Requirement Gathering phase of the WDLC?
Here the functional and non functional requirments, system specificationas and use cases of the system are defined.
What happens in the design stage of the WDLC?
Here front end desing is done including wire frames, and UI/UX designs.
Back end design is also down, with the help of uml digrams, database schemas etc.
What happens in the development phace of the WDLC?
The actual coding of the application is done with help of the technologies defined in the planing stage. This includes building the front and back end of the application.
What happens in the testing phase of the WDLC?
The functionality, perfomance, security, compatibility, and usablity of the sytem is tested, with the help of tools, like Jest, postman, etc.
What happens in the deployment phase of the WDLC?
The system is lunched on a live server or cloud plarform for the intented users to use.
What happens in the Maintance phase of the WDLC?
The system’s performance is mornitored, bugs are fixed, updates are done and security is improved over time.
Write down the HTML structure or boiler plate.
```html
<!DOCTYPE html>
<html>
<head>
<meta></meta>
<meta></meta>
<title>Document</title>
</head>
<body>
</body>
</html>
~~~
With examples what are the different ways to add css to an html file?
- Inlice css wehere css is added directly to an html element using the style tag. for example:
```<p style="color: blue; font-size: 16px;">This is a blue paragraph.</p>
~~~
- Internal css
CSS is written inside a <style> tag in the <head> section of the HTML document. for example:</style>
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: lightgray;
}
h1 {
color: green;
}
</style>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
- External css
CSS is written in a separate .css file and linked to the HTML using a <link></link> tag. for example
~~~
<!DOCTYPE html>
<html>
<head>
<link></link>
</head>
<body>
<h1>Welcome</h1>
</body>
</html>
~~~
Differentiate between a pseudo-class and a pseudo-selector.
- A psedo-class is a keyword added to a css selector to taget an element based on a specific state or position. While a pseudo-elment is a keyword used to style specific parts of an element
- a psedu-class is created using the syntax:
.example-class:psuedoCalss while a psuedo elemen is created using the syntax:
.example-class::psuedoElement - exmples of a psudo class include: :hover, :active, :nth-child(). While examples of pseudo-elements include: ::before, ::first-line, ::after
