Web Development

ReSEARCH

Related Concepts

Web Design
Web Content Management
Client Liaison
Web Server
Network Security
E-Commerce

Articles

Skills of a Successful Front-End Web Developer - https://www.drupal.org/node/1245650

Forums

http://www.webdeveloper.com/forum/

KNOWLEDGE

What is it?

Developing a Website or Intranet, from plain text to complex internet applications, electronic business and social network service.

How is it done?

Non-Design Aspects of Building Websites: Writing Markup and coding.

Creation of CMS

Web Development Concepts

LAMP Stack: Linux, Apache, MySQL, PHP
WYSIWYG Web-development Software: Adobe Dreamweaver, WebDev
HTML
Cloud Services
E-Commerce
Blog
Open-Source Content Management Systems: Joomla!, Drupal
Enterprise Content Management Systems: Alfresco, eXo Platform
- Scripting Language: PHP, Ruby, Python, Perl, ASP
- Web Browser: Google Chrome, Firefox, Opera, Internet Explorer, Safari
- Web Technologies: CSS, DOM, Javascript
- Extensions and Plugins

Practical Web Development

Basic Web Development:
- Graphic Design/ Web Design
- Information Architecture
- Copywriting/copyediting
- Web Usability & Accessibility
- Search Engine Optimisation
Testing:
- Staging Site
- Production/Live Site
Web Development Tools
- On Web Browsers
  - Google Chrome - Web Developer Tools
  - Internet Explorer - F12 Web Developer Tools
  - Safari - Safari Web Development Tools
  - Firefox - Web Developer Toolbar
  - Opera - Opera Dragon Fly
- How to Inspect Elements?
  - Hover over an item on a webpage and select "inspect element"
- What to look out for?
  - HTML and the DOM viewer and editor - display properties of DOM object (Display dimension, CSS Properties)
  - Web page Assets, Resources and Network Information - Inspect Resources (images, scripts, font and external files) in a Tree-structure listing. View network usage( which HTTP headers are being sent and received, loading time, bandwidth usage)
  - Profiling and auditing: Performance of webpage or web application. Auditing provides suggestions after analysing a page for optimisations to decrease page load time and increase responsiveness) Timeline features for time to render page, memory usage and types of events taking place.
  - JavaScript debugging: add watch expressions, breakpoints, view call stack, pause/step over/step into/step out of functions. Type in JavaScript commands and call functions, view errors.

RESOURCES

GUIDES

OUTLINES

Server Environment: Apache, Microsoft IIS

Secure Socket Layer Encryption (SSL) Certificates

Google Sites

Report abuse