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
editImage Editing
editBitmap 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
editBrowsers
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
editSEO (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
editCollection 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
- 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.
- 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
- 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.
Basic Web Languages
editScript 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
editWeb 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
editContent 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
editFundamental 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
editAgile 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
editProcesses 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
editProject 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):
- 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.
- Duties (related to category within work field):
- 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
editCloud Technologies
editCloud Storage
edit- Specific Name: Drop Box
- Notes: Simple, accessible, free (unless more space is needed)
- Company: Dropbox Inc
- Specific Name: Drop Box
- Specific Name: iCloud
- Notes: Constricted to only Apple devices, works similar to Dropbox, 5 GB free (iOS 5 and up)
- Company: Apple
- Specific Name: iCloud
- Specific Name: Private Cloud
- Notes: Free - Prototype(?), no information on pricing/space for storage
- Company: Microsoft
- Specific Name: Private Cloud
- Specific Name: Google Drive
- Notes: 5 GB free.
- Company: Google
- Specific Name: Google Drive
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
- Specific Release and Code Names:
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
- Specific Name:
- Notes: Not free - Not open source
- company: Apple, Inc