Web Technologies Master List

From Wikiversity
Jump to: navigation, search

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]

Image Editing[edit]

Bitmap Editor[edit]

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]

Browsers[edit]

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]

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]

SEO (Search Engine Optimization)[edit]

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]

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]

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]

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]

Collection of data[edit]

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]

Script Editor[edit]

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]

Web Programing Languages[edit]

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]

Content Management Systems[edit]

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]


Web Security[edit]

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]

Fundamental Principles of Site Design[edit]

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]

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]

Agile Software Development Methods[edit]

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]

Processes of Implementing a project[edit]

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

Project Methodologies[edit]

Project Road-map Techniques[edit]

Agile Methodology
Water Methodology
Six Sigma/Learn Six Sigma
PRINCE2

Frameworks[edit]

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]

Cloud Technologies[edit]

Cloud Storage[edit]

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]


Linux[edit]

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]

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]

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)