computer science

Outline of web design and web development

Outline of web design and web development is a computer science topic covered in the lgStudy science library. This page brings together a partial reference excerpt, illustrations, worked examples, real-world applications and a short study plan, so you can understand Outline of web design and web development rather than just read about it. In short: The following outline is provided as an overview of and topical guide to web design and web development, two very related fields: Web design – field that encompasses many different skills and disciplines in the production and maintenance of websites. The different areas of web design include web graphic design; interface design; authoring, including standardized code and proprietary software; user experience design…

Key takeaways

Outline of web design and web development belongs to computer science; place it in that map before memorising details.
Learn the definition first, then one example that makes the definition concrete.
Connect Outline of web design and web development to a quantity you can measure, compute or draw — that is where exam questions come from.
Reproduce the core statement of Outline of web design and web development from memory before moving on to harder problems.

Reference excerpt

The following outline is provided as an overview of and topical guide to web design and web development, two very related fields: Web design – field that encompasses many different skills and disciplines in the production and maintenance of websites. The different areas of web design include web graphic design; interface design; authoring, including standardized code and proprietary software; user experience design; and search engine optimization. Often many individuals will work in teams covering different aspects of the design process, although some designers will cover them all. The term web design is normally used to describe the design process relating to the front-end (client side) design of a website including writing markup. Web design partially overlaps web engineering in the broader scope of web development. Web designers are expected to have an awareness of usability and if their role involves creating markup then they are also expected to be up to date with web accessibility guidelines. Web development – work involved in developing a web site for the Internet (World Wide Web) or an intranet (a private network). Web development can range from developing a simple single static page of plain text to complex web-based internet applications (web apps), electronic businesses, and social network services. A more comprehensive list of tasks to which web development commonly refers, may include web engineering, web design, web content development, client liaison, client-side/server-side scripting, web server and network security configuration, and e-commerce development. Among web professionals, "web development" usually refers to the main non-design aspects of building web sites: writing markup and coding. Web development may use content management systems (CMS) to make content changes easier and available with basic technical skills. For larger organizations and businesses, web development teams can consist of hundreds of people (web developers) and follow standard methods like Agile methodologies while developing websites. Smaller organizations may only require a single permanent or contracting developer, or secondary assignment to related job positions such as a graphic designer or information systems technician. Web development may be a collaborative effort between departments rather than the domain of a designated department. There are three kinds of web developer specialization: front-end developer, back-end developer, and full-stack developer. Front-end developers are responsible for behaviour and visuals that run in the user browser, back-end developers deal with the servers and full-stack developers are responsible for both. Currently, the demand for React and Node.JS developers are very high all over the world.

Web design Graphic design Typography Page layout User experience design (UX design) User interface design (UI design) Web Design techniques Responsive web design (RWD) Adaptive web design (AWD) Progressive enhancement Tableless web design Software Adobe Photoshop Adobe Illustrator Adobe XD Figma Sketch (software) Affinity Designer Inkscape

Web development Front-end web development – the practice of converting data to a graphical interface, through the use of HTML, CSS, and JavaScript, so that users can view and interact with that data. HyperText Markup Language (HTML) (*.html) Cascading Style Sheets (CSS) (*.css) CSS framework JavaScript (*.js) Package managers for JavaScript npm (originally short for Node Package Manager) Server-side scripting (also known as "Server-side (web) development" or "Back-end (web) development") ASP (*.asp) ASP.NET Web Forms (*.aspx) ASP.NET Web Pages (*.cshtml, *.vbhtml) ColdFusion Markup Language (*.cfm) Go (*.go) Google Apps Script (*.gs) Hack (*.php) Haskell (*.hs) (example: Yesod) Java (*.jsp) via JavaServer Pages JavaScript or TypeScript using Server-side JavaScript (*.ssjs, *.js, *.ts) (example: Node.js) Lasso (*.lasso) Lua (*.lp *.op *.lua) Node.js (*.node) Parser (*.p) Perl via the CGI.pm module (*.cgi, *.ipl, *.pl) PHP (*.php, *.php3, *.php4, *.phtml) Progress WebSpeed (*.r,*.w) Python (*.py) (examples: Pyramid, Flask, Django) R (*.rhtml) – (example: rApache) React (*.jsx, *.tsx) Ruby (*.rb, *.rbw) (example: Ruby on Rails) SMX (*.smx) Tcl (*.tcl) Full stack web development – involves both front-end and back-end (server-side) development Web framework Types of framework architectures Model–view–controller Three-tier architecture Software Atom IntelliJ IDEA Sublime Text Visual Studio Code

See also Outline of computers Outline of computing and Outline of information technology Outline of computer science Outline of artificial intelligence Outline of cryptography Outline of the Internet Outline of Google Outline of software Types of software Outline of free software Outline of search engines Outline of software development Outline of software engineering Outline of web design and web development Outline of computer programming Programming languages Outline of C++ Outline of Perl Outline of computer engineering

References

External links

Worked examples

Example 1 — a first encounter with Outline of web design and web development

Start with the simplest possible case. Write down what Outline of web design and web development claims or describes in one sentence, then invent the smallest concrete situation in which that sentence is true. In computer science, the smallest case is usually a single object, a single equation or a single measurement. Check that every symbol or term in your sentence has a meaning in that case.

Example 2 — changing one variable

Take the situation from Example 1 and change exactly one quantity: double it, halve it, or set it to zero. Predict what should happen to Outline of web design and web development before you calculate. Comparing your prediction with the result is the fastest way to find out whether you understand the idea or only the words.

Example 3 — an exam-style question

Typical questions about Outline of web design and web development ask you to (a) state it precisely, (b) apply it to given data, and (c) explain a limitation. Practise writing all three answers in under five minutes; the third part is what separates a full-mark answer from an average one.

Applications of Outline of web design and web development

In research: Outline of web design and web development appears in computer science research whenever the underlying quantities have to be modelled precisely. Papers usually cite it as a starting assumption and then explore where it breaks down.
In technology and industry: Engineering practice reuses Outline of web design and web development in design rules, simulations and safety margins. Knowing the idea lets you read a specification sheet and understand why the numbers look the way they do.
In the classroom: Outline of web design and web development is common in secondary-school and first-year university syllabi. It links to neighbouring topics Computing-related lists, Outlines, Web design, so understanding it makes those chapters shorter.
In everyday life: Look for Outline of web design and web development outside the textbook — in sport, cooking, traffic, electronics or the sky above you. An example you found yourself is remembered far longer than one you were given.

Affiliate

Preply — study more efficiently by working with a personal tutor. 50% off.

How to study Outline of web design and web development in 20 minutes

Read the reference excerpt below once, without taking notes.
Close the page and write down what Outline of web design and web development means in your own words.
Compare your version with the excerpt and mark what you missed.
Work through the three examples above with pen and paper.
Explain Outline of web design and web development out loud to somebody else — or to Teacher Smith in the lgStudy chat.

Frequently asked questions

What is Outline of web design and web development in simple terms?

Why does Outline of web design and web development matter?

Because it connects several computer science ideas at once: it gives you a definition you can apply, a quantity you can calculate, and a way to check whether a result is plausible.

How should I study Outline of web design and web development?

Read the excerpt, restate it from memory, then work through the examples and applications listed on this page. The five-step study plan above takes about twenty minutes.

What does this page cover?

It gives you a compact reference excerpt plus original lgStudy explanations, examples, applications and study material on Outline of web design and web development.