Loading...
 
Web development is a broad term for the work involved in developing a web site for the Internet

Web Development

Web development is a broad term for the 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 the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, and social network services.1

Skills

Learning Web Development? These Skills Will Make You Stand Out

Standards

  • w3 - Web Design and Applications involve the standards for building and Rendering Web pages, including HTML, CSS, SVG, device APIs, and other technologies for Web Applications (“WebApps”). This section also includes information on how to make pages accessible to people with disabilities (WCAG), to internationalize them, and make them work on mobile devices.
  • Google HTML/CSS Style Guide - This document defines formatting and style rules for HTML and CSS. It aims at improving collaboration, code quality, and enabling supporting infrastructure. It applies to raw, working files that use HTML and CSS, including GSS files. Tools are free to obfuscate, minify, and compile as long as the general code quality is maintained.
  • HTML5 (and Some CSS) Best Practice - These tips are meant for beginners and those who wish to freshen up on HTML best practices. I tried to list here many things that, although simple, make a huge difference on code readability. Hopefully everyone who reads this will be able to learn something new. Enjoy!
  • HTTP Security Best Practice
  • Best Practices for a Faster Web App with HTML5 - Much of HTML5 aims to deliver native browser support for components and techniques that we have achieved through JavaScript libraries thus far. Using these features, when present, can end up delivering a much faster experience for your users. In this tutorial, I won't recap the excellent performance research that you've seen at Yahoo's Exceptional Performance site or Google's Page Speed docs and Let's make the web faster site. Instead I'll focus on how putting HTML5 and CSS3 to use today can make your web apps more responsive.
  • HTML5 Style Guide and Coding Conventions - Web developers are often uncertain about the coding style and syntax to use in HTML. Between 2000 and 2010, many web developers converted from HTML to XHTML. With XHTML, developers were forced to write valid and "well-formed" code. HTML5 is a bit more sloppy when it comes to code validation.
  • Information Architecture (IA) is the art of expressing a model or concept of information used in activities that require explicit details of complex systems. Among these activities are library systems, Content Management Systems, web development, user interactions, database development, programming, technical writing, enterprise architecture, and critical system software design. Information architecture has somewhat different meanings in these different branches of IS or IT architecture. Most definitions have common qualities: a structural design of shared environments, methods of organizing and labeling websites, intranets, and online communities, and ways of bringing the principles of design and architecture to the digital landscape.2
  • Model-View-Controller - The MVC paradigm is a way of breaking an application, or even just a piece of an application's interface, into three parts: the model, the view, and the controller.

Basics

HTML5

HTML5 is a core technology markup language of the Internet used for structuring and presenting content for the World Wide Web. It is the fifth revision of the HTML standard (created in 1990 and standardized as HTML 4 as of 1997) and, as of December 2012, is a candidate recommendation of the World Wide Web Consortium (W3C). Its core aims have been to improve the language with support for the latest multimedia while keeping it easily readable by humans and consistently understood by computers and devices (web browsers, parsers, etc.). HTML5 is intended to subsume not only HTML 4, but also XHTML 1 and DOM Level 2 HTML.3

Cascading Style Sheets

Cascading Style Sheets (CSS) is a style sheet language used for describing the look and formatting of a document written in a markup language. While most often used to style web pages and user interfaces written in HTML and XHTML, the language can be applied to any kind of XML document, including plain XML, SVG and XUL. CSS is a cornerstone specification of the web and almost all web pages use CSS style sheets to describe their presentation.4

Javascript

Javascript (JS) is a dynamic computer programming language. It is most commonly used as part of web browsers, whose implementations allow client-side scripts to interact with the user, control the browser, communicate asynchronously, and alter the document content that is displayed. It is also being used in server-side network programming (with Node.js), game development and the creation of desktop and mobile applications.5

Front-End Web Frameworks

Grid Design

Grid Design A typographic grid is a two-dimensional structure made up of a series of intersecting vertical and horizontal axes used to structure content. The grid serves as an armature on which a designer can organize text and images in a rational, easy to absorb manner.6

Responsive Web Design

Responsive Web Design (RWD) is a web design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from mobile phones to desktop computer monitors).7

Responsive design in a nutshell8

The basic idea of responsive web design is that a website should "respond" to the device it's being viewed on. In broad terms, this can mean things like:

  • Adapting the layout to suit different screen sizes, from widescreen desktops to tiny phones
  • Resizing images to suit the screen resolution
  • Serving up lower-bandwidth images to mobile devices
  • Simplifying page elements for mobile use
  • Hiding non-essential elements on smaller screens
  • Providing larger, finger-friendly links and buttons for mobile users, and
  • Detecting and responding to mobile features such as geolocation and device orientation.

HTML5 Boilerplate

HTML5 Boilerplate A template for HTML5 and CSS3 front-end development.9

Twitter Bootstrap

Twitter Bootstrap is a free and open-source front-end web framework for designing websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. Unlike many web frameworks, it concerns itself with front-end development only. 10

Skeleton

Skeleton: Responsive CSS Boilerplate

Foundation by ZURB

Foundation by ZURB is a responsive front-end framework. Foundation provides a responsive grid and HTML and CSS UI components, templates, and code snippets, including typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. Foundation is maintained by ZURB and is an open source project.11

Back-End Web Frameworks

PHP - Slim

Slim is a PHP micro framework that helps you quickly write simple yet powerful web applications and APIs. At its core, Slim is a dispatcher that receives an HTTP request, invokes an appropriate callback routine, and returns an HTTP response..12

PHP - Laravel

Laravel is a free, open-source PHP web framework, created by Taylor Otwell and intended for the development of web applications following the model–view–controller (MVC) architectural pattern. Some of the features of Laravel are a modular packaging system with a dedicated dependency manager, different ways for accessing relational databases, utilities that aid in application deployment and maintenance, and its orientation toward syntactic sugar.13

Python - Flask

Flask is a micro web framework written in Python and based on the Werkzeug toolkit and Jinja2 template engine.14

Python - Django

Django is a high-level Python Web framework that encourages rapid development and clean, pragmatic design. Built by experienced developers, it takes care of much of the hassle of Web development, so you can focus on writing your app without needing to reinvent the wheel. It’s free and open source.15

JavaScript Frameworks

Vue.js

Vue.js - The Progressive JavaScript Framework16

Web Servers

Nginx

Nginx (pronounced "engine x") is a web server. It can act as a reverse proxy server for HTTP, HTTPS, SMTP, POP3, and IMAP protocols, as well as a load balancer and an HTTP cache.17

Apache

The Apache HTTP Server, colloquially called Apache, is the world's most widely used web server software. Originally based on the NCSA HTTPd server, development of Apache began in early 1995 after work on the NCSA code stalled. Apache played a key role in the initial growth of the World Wide Web, quickly overtaking NCSA HTTPd as the dominant HTTP server, and has remained the most popular HTTP server since April 1996. In 2009, it became the first web server software to serve more than 100 million websites.18

Web Applications

Wiki

A wiki is a website on which users collaboratively modify content and structure directly from the web browser. In a typical wiki, text is written using a simplified markup language and often edited with the help of a rich-text editor.19

Tiki Wiki

Tiki Wiki CMS Groupware or simply Tiki, originally known as TikiWiki, is a free and open source Wiki-based content management system and online office suite written primarily in PHP and distributed under the GNU Lesser General Public License (LGPL) license. In addition to enabling websites and portals on the internet and on intranets and extranets, Tiki contains a number of collaboration features allowing it to operate as a Geospatial Content Management System (GeoCMS) and Groupware web application.20

E-commerce

E-commerce is the activity of buying or selling of products on online services or over the Internet. Electronic commerce draws on technologies such as mobile commerce, electronic funds transfer, supply chain management, Internet marketing, online transaction processing, electronic data interchange (EDI), inventory management systems, and automated data collection systems.21

Cybersource

Magento

Magento empowers thousands of retailers and brands with the best eCommerce platforms and flexible cloud solutions to rapidly innovate and grow.22

Content Management System (CMS)

A content management system (CMS) manages the creation and modification of digital content. It typically supports multiple users in a collaborative environment.23

October

October is a free, open-source, self-hosted CMS platform based on the Laravel PHP Framework

SlimCMS

SlimCMS - Lightweight CMS(CMF) based on: PHP Framework Slim 3, laravel eloquent, symfony event dispatcher, Twig templater and other libraries.24

Drupal

Drupal is an open source platform for building amazing digital experiences.25

Hosted CMS

Founded in 2007, Weebly is a complete platform that allows anyone to start and grow an online business with curated website templates, powerful ecommerce and integrated marketing. More than 40 million entrepreneurs around the world use Weebly to grow their customer base, fuel sales and market their idea. Designed for any entrepreneur who wants to reach a global audience, Weebly gives everyone the freedom to create a high ­quality site and store that works brilliantly across any device. Weebly offers a range of pricing options, including free and premium consumer plans, as well as enterprise offerings and is consistently the highest rated website building mobile app in the App Store and Google Play. Weebly is based in San Francisco and its investors include Sequoia Capital, Tencent Holdings, Baseline Ventures, Floodgate, Felicis, Ron Conway and Y Combinator.26

Related Topics

1 Web development. (2013, October 11). In Wikipedia, The Free Encyclopedia. Retrieved 00:18, October 13, 2013, from http://en.wikipedia.org/w/index.php?title=Web_development&oldid=576687229
2 Information architecture. (2014, June 2). In Wikipedia, The Free Encyclopedia. Retrieved 03:23, June 4, 2014, from http://en.wikipedia.org/w/index.php?title=Information_architecture&oldid=611274917
3 HTML5. (2014, August 16). In Wikipedia, The Free Encyclopedia. Retrieved 23:05, August 30, 2014, from http://en.wikipedia.org/w/index.php?title=HTML5&oldid=621532511
4 Cascading Style Sheets. (2014, August 30). In Wikipedia, The Free Encyclopedia. Retrieved 22:57, August 30, 2014, from http://en.wikipedia.org/w/index.php?title=Cascading_Style_Sheets&oldid=623420712
5 JavaScript. (2014, August 28). In Wikipedia, The Free Encyclopedia. Retrieved 22:49, August 30, 2014, from http://en.wikipedia.org/w/index.php?title=JavaScript&oldid=623199819
6 Grid (graphic design). (2014, May 11). In Wikipedia, The Free Encyclopedia. Retrieved 03:28, June 4, 2014, from http://en.wikipedia.org/w/index.php?title=Grid_(graphic_design)&oldid=608099148
7 Responsive web design. (2014, May 31). In Wikipedia, The Free Encyclopedia. Retrieved 03:30, June 4, 2014, from http://en.wikipedia.org/w/index.php?title=Responsive_web_design&oldid=610873831
9 Paul Irish. (2016, December 30). In Wikipedia, The Free Encyclopedia. Retrieved 17:00, March 5, 2017, from https://en.wikipedia.org/w/index.php?title=Paul_Irish&oldid=757370335
10 Bootstrap (front-end framework). (2017, November 9). In Wikipedia, The Free Encyclopedia. Retrieved 18:17, November 26, 2017, from https://en.wikipedia.org/w/index.php?title=Bootstrap_(front-end_framework)&oldid=809488115
11 Foundation (framework). (2017, February 17). In Wikipedia, The Free Encyclopedia. Retrieved 16:50, March 5, 2017, from https://en.wikipedia.org/w/index.php?title=Foundation_(framework)&oldid=765970128
13

Laravel. (2017, August 22). In Wikipedia, The Free Encyclopedia. Retrieved
16:51, August 25, 2017, from https://en.wikipedia.org/w/index.php?title=Laravel&oldid=796663322

14 Flask (web framework). (2016, June 2). In Wikipedia, The Free Encyclopedia. Retrieved 05:49, June 16, 2016, from https://en.wikipedia.org/w/index.php?title=Flask_(web_framework)&oldid=723311791
17 Nginx. (2016, February 19). In Wikipedia, The Free Encyclopedia. Retrieved 16:50, February 20, 2016, from https://en.wikipedia.org/w/index.php?title=Nginx&oldid=705793829
18 Apache HTTP Server. (2015, April 15). In Wikipedia, The Free Encyclopedia. Retrieved 21:36, April 26, 2015, from http://en.wikipedia.org/w/index.php?title=Apache_HTTP_Server&oldid=656547757
19 Wikipedia contributors. (2018, October 14). Wiki. In Wikipedia, The Free Encyclopedia. Retrieved 12:45, October 23, 2018, from https://en.wikipedia.org/w/index.php?title=Wiki&oldid=864074383
20 Tiki Wiki CMS Groupware. (2016, August 25). In Wikipedia, The Free Encyclopedia. Retrieved 19:55, November 18, 2017, from https://en.wikipedia.org/w/index.php?title=Tiki_Wiki_CMS_Groupware&oldid=736174141
21 Wikipedia contributors. (2018, October 17). E-commerce. In Wikipedia, The Free Encyclopedia. Retrieved 12:46, October 23, 2018, from https://en.wikipedia.org/w/index.php?title=E-commerce&oldid=864422892
23 Wikipedia contributors. (2018, October 22). Content management system. In Wikipedia, The Free Encyclopedia. Retrieved 12:42, October 23, 2018, from https://en.wikipedia.org/w/index.php?title=Content_management_system&oldid=865161029

Last edited by MichaelAlber .
Page last modified on Saturday May 4, 2019 20:46:49 UTC.