Web Technologies Master List

This space will be used to list all tools/products/concepts that would GENERALLY be useful for someone studying/learning web technologies. The can range from foundational elements (like html) to more community concepts (like creative commons) and should cover all possible items that meaningfully contribute toward professional development in the field.

* Items should be categorized:
* tools like html css
* products like photoshop and fetch
* concepts like intellectual property
* systems like creative commons

There may be better ways to categorize them (tagging? Semantics) but we'd like to cover everything possible)

## Web Technologies Master List

[edit | edit source]

### Image Editing

[edit | edit source]

#### Bitmap Editor

[edit | edit source]

Photoshop \- Complex, expansive tools, and expensive; made by Adobe.

Courses with heavy coverage: Web 120, Web 220
Courses with minor coverage: Web 110, Web 140, Web 210

GIMP \- Open Source
irfanview \- made by Irfan, but free
Paint \- Simple, limited but effective toolset, free; made by Microsoft
Paint.Net \- Simple, more powerful than Paint, uses layers, free; made by dotPDN LLC
InDesign \- Used for media design (posters, brochures, etc); widely used by graphic designers; made by Adobe
Fireworks \- Bitmap and vector graphics editor; used for creating quick website prototypes/app interfaces; made by Adobe

\--Jerryhill52 (talk) 12:00, 27 November 2012 (UTC)
\--206.47.85.162 (discuss) 16:27, 24 September 2015 (UTC), Paint.Net

### Browser Resources/Tools

[edit | edit source]

#### Browsers

[edit | edit source]

Internet Explorer \- Most widely used currently; Microsoft, Known for software (OS) and business model, Built in web development tools

Courses with heavy coverage: WEB 140
Courses with minor coverage: CIS 111, WEB 110, WEB 210

Chrome \- Fast Growing Market share; Google, Most popular search engine, web services

Courses with heavy coverage: WEB 140
Courses with minor coverage: CIS 111, WEB 110, WEB 210

Firefox \- Popular Open Source Browser; Mozilla; Built in web development tools

Courses with heavy coverage: WEB 140
Courses with minor coverage: CIS 111, WEB 110, WEB 210

Safari \- Exclusive to Apple products; Apple; Huge rival to Microsoft, known for hardware

Courses with heavy coverage: WEB 140
Courses with minor coverage: CIS 111, WEB 110, WEB 210

Opera \- Open Source; Opera

Courses with heavy coverage: WEB 140
Courses with minor coverage: CIS 111, WEB 110, WEB 210

#### Other

[edit | edit source]

Flash \- Allows for basic animation, video and interactivity with web pages; Adobe; cross compatibility with other Adobe products; ie Dreamweaver, Photoshop, Fireworks

Dreamweaver \- Web development application; compatible with most web languages; Adobe; cross compatibility with other Adobe products; ie Flash, Photoshop, Fireworks

Courses with heavy coverage: WEB 140

\--Jerryhill52 (talk) 12:23, 27 November 2012 (UTC)

### Usability/Accessibility

[edit | edit source]

#### SEO (Search Engine Optimization)

[edit | edit source]

Google \- Search Engine Optimized, Accessible, and Usable; Google

Yahoo \- Similar to Google, one of Google's notable rivals; Yahoo

MSN \- Microsoft

Bing \- Steep learning curve, but fairly accessible; Microsoft

\--Jerryhill52 (talk) 12:40, 27 November 2012 (UTC)

### Social Networking

[edit | edit source]

Facebook

* Most widely used
* Recently bought Insta-gram

Google +

* Newest social networking site
* Gaining momentum
* Supports multi video chat (hangouts)

Twitter

* Fairly big user base
* Focuses on status updates only
* Widely used for important people/companies

\--Filkferret (talk) 00:35, 28 November 2012 (UTC) Filkferret (talk) 16:34, 6 December 2012 (UTC)

### Compatibility/Testing

[edit | edit source]

Types of Tools

'Screen Shots

Specific Tool/Names

* BrowserLab \- Limited to major browsers

Company\- Adobe

Courses that should cover it heavily \- WEB 140

Courses that should at least touch on it \- WEB 110

* BrowserShots \- Quite a few browsers

Company \- [BrowserShots.org]

Courses that should cover it heavily \- WEB 140

Courses that should at least touch on it \- WEB 110

* IE Tester\- Only availiable for Windows

Company \- Microsoft

Courses that should cover it heavily \- WEB 140

Courses that should at least touch on it \- WEB 110

* Webshot \- Windows only

Company \- Freeware

Courses that should cover it heavily \- WEB 110, 111,115,119, and/or 140

Filkferret (talk) 17:00, 6 December 2012 (UTC)

### Development Environment

[edit | edit source]

XAMP \- Use to test dynamic features; open source, created by Apache Friends.

Duties related to category in work field: Program/Send HTML Email blasts from layered Photoshop files; Perform updates to websites using content management system; Assist in testing new websites/applications; Import opt-in subscriber lists to e-mail marketing software; Manage production schedule of monthly/weekly/daily e-mail campaigns; Proof/Test e-mail campaign templates in multiple e-mail platforms; Maintain graphic/professional standards in all e-mail messages; Meet project deadlines in fast-paced, constantly evolving production schedule

Qualifications related to category in work field: Competency in HTML and CSS; Demonstrable experience in Adobe Dreamweaver and Photoshop; Understanding of inline CSS for e-mail marketing; Understanding of how to use all major web browsers; Ability to follow instructions with high level of detail; Willingness to learn/improve skillset; Exceptional written/oral communication skills; Examples of completed websites/e-mail campaigns; Experience with PHP, JavaScript, J-Query, Flash

Courses with heavy coverage: WEB 250, WEB 182, WEB 140

Courses with minor coverage: WEB 110, WEB 210

MAMP \- Same as XAMP but specific to MAC.

WAMP \- Same as XAMP but specific to Windows.

Dreamweaver \- Web design and HTML editor software; by Adobe.

Expression Web \- Web design and HTML editor software; by Microsoft.

\--Jerryhill52 (talk) 15:02, 2 December 2012 (UTC)

### Database and the Web

[edit | edit source]

#### Collection of data

[edit | edit source]

MYSQL

Open source relational database management system based on the structure query language (SQL), which is used for adding, removing, and modifying information in the database.

* Courses with heavy content: WEB 250

ORACLE
An object-relational database management system (ORDBMS) produced and marketed by Oracle Corporation.

* Courses with heavy content: DBA 210
* Courses with heavy content: DBA 220
* Courses with heavy content: DBA 260

MS SQL
Microsoft SQL Server is a relational model database server produced by Microsoft. Its primary query languages are T-SQL and ANSI SQL

* Courses with heavy content: DBA 210
* Courses with heavy content: DBA 221
* Courses with heavy content: DBA 261

Microsoft Access

A database tool for gathering and understanding all your information—your phone numbers, inventory, guest lists, whatever you’re tracking—and providing a convenient way to enter, navigate, and report out your data.

* Courses with heavy content: CIS 110
* Courses with heavy content: DBA 110

\--rgossay0 (talk)

### Basic Web Languages

[edit | edit source]

#### Script Editor

[edit | edit source]

Visual Studio \- Easy to learn and use; Microsoft

HTML \- Web mark-up language

CSS \- Cascading style sheet for web pages.

HTML 5 \- Advanced HTML

Courses with heavy content: WEB 210
Courses with minor content: WEB 110

CSS3 \- Advanced CSS

Courses with heavy content: WEB 210
Courses with minor content: WEB 110

XHTML \- Strict XML/HTML standard

Courses with heavy content: WEB 210
Courses with minor content: WEB 110

\--Jerryhill52 (talk) 15:29, 2 December 2012 (UTC)

### Dynamic Web Languages

[edit | edit source]

#### Web Programing Languages

[edit | edit source]

Coldfusion \- Used to build and serve webpages; Macromedia
ASP \- Web pages that contain scripts in addition to standard html tags; Microsoft
JSP \- Used to control web pages content via servlets; Sun Microsystems
Python \- Used in a variety of application domains; Python.org
Ruby \- Used in a variety of application domains.
PHP \- Possibly the most popular back-end web scripting language; The PHP Group

Courses with heavy content: WEB 250
Courses with minor content: WEB 110

Javascript \- A scripting language commonly implemented as part of a web browser in order to create enhanced user interfaces and dynamic websites.
jQuery \- A multi-browser JavaScript library designed to simplify the client-side scripting of HTML.
Ajax \- An acronym for Asynchronous JavaScript and XML, Ajax is a group of interrelated web development techniques used on the client-side to create asynchronous web applications.
ActionScript \- An object-oriented language and a dialect of ECMAScript (Smiliar JavaScript) developed by Macromedia Inc. but now owned by Adobe Systems.

### CMS / E-Commerce

[edit | edit source]

#### Content Management Systems

[edit | edit source]

Wordpress \- Blog open source that has became popular a CMS; website wordpress.org; open source

Courses with heavy content: WEB 225, WEB 250
Courses with minor content: WEB 110, WEB 210

Joomla \- Open Source; website joomla.org; open source

Courses with heavy content: WEB 225, WEB 250
Courses with minor content: WEB 110, WEB 210

Drupal \- Open Source; website drupal.org; open source

Courses with heavy content: WEB 225, WEB 250
Courses with minor content: WEB 110, WEB 210

GetSimple CMS \- Simple, easy to use, no database

concrete5 \- Simple, easy to use; website concrete5.org;

Mambo \- Creating and managing websites through a simple web interface; Mambo Foundation

Magento \- Free, expansive PHP ecommerce suite based on Zend

\--Jerryhill52 (talk) 15:45, 2 December 2012 (UTC)

### SEO / Web Standards

[edit | edit source]

### Web Security

[edit | edit source]

Cryptography \- The practice and study of techniques for secure communication in the presence of third parties.
IPsec Protocol \- A protocol designed to protect communication in a secure manner using TCP/IP by using cryptography.
Security Token \- A six-digit code which randomly changes at a set interval (usually 30-60 seconds) to prove one's identity electronically. These are often used in banking institutions.

### Design Concepts

[edit | edit source]

#### Fundamental Principles of Site Design

[edit | edit source]

Usability \- The ease of use and learnability of a human-made object or interface.
Appearance \- The visual impression given by a website design. Appearance can be either misleading or maximize usability.
Content \- The textual, visual or aural content that is encountered as part of the user experience on websites or applications.
Navigation \- The process of navigating a network of web resources, and the user interface that is used to do so. A central theme in web design is the development of a web navigation interface that maximizes usability.

### Version Control

[edit | edit source]

Github \- Easy to use social revision control.
Git \- A free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.
Subversion \- An open source version control system built as a part of the Apache Subversion software project.
Bitbucket \- An online code management with distributed version control system (DVCS) using a Git/Mercurial backend.
Mercurial \- Built in python, Mercurial is a distributed version control system (DVCS) dedicated to speed and efficiency with a sane user interface.

### Agile Programming

[edit | edit source]

#### Agile Software Development Methods

[edit | edit source]

Scrum

Courses with heavy coverage: WEB 230
Crystal Clear

Crystal Clear is an agile methodology for projects with small teams, less than about 10 people in size.
Velocity Tracking

Velocity tracking is the act of measuring said velocity. The velocity is calculated by counting the number of units of work completed in a certain interval, determined at the start of the project.
Kanban

A method for developing software products and processes with an emphasis on just-in-time delivery while not overloading the software developers. It emphasizes that developers pull work from a queue, and the process, from definition of a task to its delivery to the customer, is displayed for participants to see.

\--Jerryhill52 (talk) 15:58, 2 December 2012 (UTC)
\--rgossay0 (talk)

### Project Management

[edit | edit source]

### Processes of Implementing a project

[edit | edit source]

Planning \- The scope and nature of a project.
Organizing \- Determine process of a project.
Securing \- Address project issues and risks.
Managing

### Project Methodologies

[edit | edit source]

### Project Road-map Techniques

[edit | edit source]

Agile Methodology
Water Methodology
Six Sigma/Learn Six Sigma
PRINCE2

### Frameworks

[edit | edit source]

JQuery \- Extensively used in conjunction with JavaScript:

Duties (related to category within work field):

* Deliver Help Desk support for diocesan employees.
* Perform level II technical support for (place x).
* Ensure network connectivity at servers, switches, end-user locations when applicable.
* Perform MS Server, Active Directory, and MS Exchange administration.
* Working knowledge of Microsoft Office.
* Network printer setup/troubleshooting.
* Possess basic knowledge of Apple products (for this particular case).
* Ability to subnet a network and use DHCP.

Duties (related to category within work field):

* 4-year degree in Information Technology, Computer Science, Networking, or equivalent experience.
* Minimum of 3 years providing PC support.
* Minimum of 3 years of experience working with MS servers troubleshooting server issues/applying patches for MS servers.
* Minimum of 3 years troubleshooting network issues.

Company Notes \- Open Source

Meta ? \- EXTREMELY well documented

Courses that should cover it heavily \- WEB 215

Course that should at least touch on it \- WEB 115

Codeigniter\- Debatably the most popular PHP framework

Company Notes \- Open Source

Meta ? \- EXTREMELY well documented

Courses that should cover it heavily \- WEB 250

Course that should at least touch on it \- WEB 182

Kohana\- Revision of the popular CodeIgniter PHP framework

Company Notes \- Open Source

Ruby on Rails\- Most popular Ruby framework

Blueprint\- Most popular CSS framework

Zend\- Widely used in larger PHP software, such as Magento Ecommerce

Filkferret (talk) 16:28, 6 December 2012 (UTC)

### Knowledge Resources

[edit | edit source]

### Cloud Technologies

[edit | edit source]

#### Cloud Storage

[edit | edit source]

Specific Name: Drop Box

Notes: Simple, accessible, free (unless more space is needed)
Company: Dropbox Inc

Specific Name: iCloud

Notes: Constricted to only Apple devices, works similar to Dropbox, 5 GB free (iOS 5 and up)
Company: Apple

Specific Name: Private Cloud

Notes: Free - Prototype(?), no information on pricing/space for storage
Company: Microsoft

Specific Name: Google Drive

Notes: 5 GB free.
Company: Google

### Operating Systems(OS)

[edit | edit source]

#### Linux

[edit | edit source]

Specific Release and Code Names:

Ubuntu 4.10 Warty Warthog
Ubuntu 5.04 Hoary Hedgehog
Ubuntu 5.10 Breezy Badger
Ubuntu 6.06 Dapper Drake (LTS)
Ubuntu 6.10 Edgy Eft
Ubuntu 7.04 Feisty Fawn
Ubuntu 7.10 Gutsy Gibbon
Ubuntu 8.04 Hardy Heron (LTS)
Ubuntu 8.10 Intrepid Ibex
Ubuntu 9.04 Jaunty Jackalope
Ubuntu 9.10 Karmic Koala
Ubuntu 10.04 Lucid Lynx (LTS)
Ubuntu 10.10 Maverick Meerkat
Ubuntu 11.04 Natty Narwhal
Ubuntu 11.10 Oneiric Ocelot
Ubuntu 12.04 Precise Pangolin (LTS)
Ubuntu 12.10 Quantal Quetzal
Notes: Free - Open source
company: Canonical Ltd. / Ubuntu Foundation

\--rgossay0 (talk)

#### Windows

[edit | edit source]

Specific Names: Windows 3.1, Windows 95, Windows ME, Windows 2000, Windows NT, Windows XP, Windows 7,Window Vista Windows 8,Windows 10
Notes: Not Free - Not Open source
company: Microsoft

#### OS X

[edit | edit source]

Specific Name:

Mac OS X 10.0 Cheetah
Mac OS X 10.1 Puma
Mac OS X 10.2 Jaguar
Mac OS X 10.3 Panther
Mac OS X 10.4 Tiger
Mac OS X 10.5 Leopard
Mac OS X 10.6 Snow Leopard
Mac OS X 10.7 Lion

Notes: Not free - Not open source
company: Apple, Inc

\--rgossay0 (talk)