Web Development

Web Development

1. Static Pages

   • HTML, CSS

2. Dynamic Pages

   • HTML, CSS, Scripting

3. Languages

   • Markup: HTML
   • Style-sheet: CSS
   • Query?
   • Programming/Scripting
     • 1. PHP
       • 75% of web servers (w low traffic demand)
       • General purpose server-side
       • (+) open-src w huge community support
       • (+) Compatible across mult platforms
     • 2. Java
       • Large scale websites w heavy traffic
         • E.g. Amazon, Apple Appstore
         • Java frameworks w high perf: Java Servlet, JSP, WebObjects
     • 3. Python
       • General purpose, heavy traffic
         • E.g. Yahoo Maps, Shopzilla
       • (+) Code readability (do more w less code)
         • Large standard libs
       • Frameworks: django, Flask
     • 4. Ruby
       • Short, simple code like Python
       • Open-src web framework: Rails
         • Create dynamic websites quickly and efficienly
       • Heavy traffic
         • E.g. Hulu, Twitter
     • 5. Node.js

4. Key Components

   • 2. Server-side scripting/coding
     • Pros/Cons
       • (+) More power & storage, resources
       • (+) More security
     • SS-side JS, PHP, Java, Python, Ruby, Node-js, ASP.NET, ColdFusion, Perl
     • Behind-the-scene work
   • 3. Database system
     • Storage: Contains all files (code, images) for app to function
     • Sits on web server
     • RDBMS
       • Oracle, Microsoft SQL, Apache, IBM
       • Open-src: Postgres, MySQL, MariaDB
     • NoSQL
       • KV-pair
       • Doc-based
       • Graph
         • Neo4j!
       • Search engines
   • 1. Client-side scripting/coding
     • Lang: HTML5, CSS3, Javascript, Actionscript
       • AJAX
         • Group of technologies
           • Data display: HTML, CSS
           • Data interaction: DOM
           • Data transfer: XML+XSLT / JSON
           • Async comm: XMLHttpRequest
           • Glue: Javascript
         • Communicate w server async-ly
     • Plug-ins
       • Microsoft silverlight
         • Interactive UX for web & mobile
       • Flash
         • Animations, vid, sound files
         • Cross-platform
       • Improve SEO, security, social media marketing
     • Libs/Framework
       • jQuery
         • Crossplatform JS lib
     • Code exec in browser
       • Store data in cookies
       • Simple flash games

5. Considerations

   • Website's goal, purpose
   • Features, functionality
   • Type of database
   • Svr platform, S/W
   • Budget
   • Client-side func