Web Development Technologies Advanced Web-based Systems Advanced Web-based Systems | Misbhauddin.

Slides:



Advertisements
Similar presentations
HTTP Request/Response Process 1.Enter URL ( in your browser’s address bar. 2.Your browser uses DNS to look up IP address of server.com.
Advertisements

Introduction to Backend James Kahng. Install Node.js.
Cloud Computing Lecture #7 Introduction to Ajax Jimmy Lin The iSchool University of Maryland Wednesday, October 15, 2008 This work is licensed under a.
Multiple Tiers in Action
Cloud: a New Paradigm for Developers Svetlin Nakov Telerik Software Academy academy.telerik.com.
Where Do I Start REFERENCE: LEARNING WEB DESIGN (4 TH EDITION) BY ROBBINS 2012 – CHAPTER 1 (PP. 3 – 14)
What is Web Design The term “web design” has come to encompass a number of disciplines, including: Visual (graphic) design User interface and experience.
E-Commerce The technical side. LAMP Linux Linux Apache Apache MySQL MySQL PHP PHP All Open Source and free packages. Can be installed and run on most.
INTRO TO MAKING A WEBSITE Mark Zhang.  HTML  CSS  Javascript  PHP  MySQL  …That’s a lot of stuff!
Web Programming Language Dr. Ken Cosh Week 1 (Introduction)
Any host All components deployed to SharePoint Client side code App Web created for app Wrapper deployed to SharePoint Components deployed to.
WHAT IS PHP PHP is an HTML-embedded scripting language primarily used for dynamic Web applications.
It’s World Wide! I NTRODUCTION TO T HE WEB 1 Photo courtesy:
RUBY ON RAILS It’s so rad. What we’ll cover  What is Ruby?  What is RoR?  Why RoR?  Developing with RoR  Deployment  Demo  Questions.
 Computer Information System Club focused on the understanding and applied learning of web development.  The club was founded in April 5,  We.
Cloud: a "New" Paradigm for Developers Telerik Software Academy Web Services and Cloud.
1 UTGB Shell An Open-Source Browser Framework for the Integration of Biological Data Taro L. Saito, Shin Sasaki, Budrul Ahsan and.
Appcipia.com. What is Appcipia? Step1 Book of Useful Mathematica Recipes In Print Form and Down-loadable code from O'Reilly So Web 1.0!
TEMPLE ANALYTICS MERCK CHALLENGE By Team Jeffrey Diana.
L. Grewe LAMP, WAMP and... Motivaiton Basic Web Systems with Delivery of Static and Dynamic Web Pages html, css, media javascript (“dynamic” on client.
Lecture 19 Web Application Frameworks Boriana Koleva Room: C54
1Computer Sciences Department Princess Nourah bint Abdulrahman University.
Concepts Telerik Software Academy Telerik School Academy.
Case Study Dynamic Website - Three Tier Architecture
By Bearzx Dive Into Web Introduction To WEB
Web Application Development Architecture, Process, Technologies Advanced Web-based Systems | Misbhauddin.
Web Development Process The Site Development Process Site Construction is one of the last steps.
Session 1 Chapter 1 - Introduction to Web Development ITI 133: HTML5 Desktop and Mobile Level I
Tallahassee, Florida, 2015 COP4710 Database Systems Project Overview Fall 2015.
Windows 7 WampServer 2.1 MySQL PHP 5.3 Script Apache Server User Record or Select Media Upload to Internet Return URL Forward URL Create.
The basics of knowing the difference CLIENT VS. SERVER.
Implement Viewing Transactions in Real Time James Payne Managing Director for New Media / Advancement July 27, 2015.
Introduction to web developement Abderrahim OUAKKI
It’s World Wide! I NTRODUCTION TO T HE WEB 1 Photo courtesy:
Cisco Software Engineer 1.Five plus years experience with server/X86 and Familiar with C, C++ and assembly programming. 2.General operating systems software.
Overview Web Technologies Computing Science Thompson Rivers University.
1/7/2016www.infocampus.co.in1. 1/7/2016www.infocampus.co.in2 Web Development training gives you and all-round training in both the design and the development.
Working as a Programmer Jamila Wright Image source:
The Brenkoweb provides the excellent online programming tutorial for the programmer in various languages like as PHP, SQL, HTML, ASP, Javascript,
Class02 Introduction to web development concepts MIS 3501, Spring 2016 Jeremy Shafer Department of MIS Fox School of Business Temple University 1/14/2016.
DreamFactory for Microsoft Azure Is an Open Source REST API Platform That Enables Mobilization of Data in Minutes across Frameworks and Storage Methods.
Quick look under the hood Technologies used Get familiar with them! By Michał Kostecki IITc.
Web Development. Agenda Web History Network Architecture Types of Server The languages of the web Protocols API 2.
Dive into web development
Finding A Web Developer Job With No Experience
Web Programming Language
Web Technologies Computing Science Thompson Rivers University
Interview Questions and Answers
COP4710 Database Systems Project Overview.
Time to learn to code Stephen Delaney
Introduction to web development concepts
Post-relational databases What's wrong with web development?
CS5220 Advanced Topics in Web Programming Course Overview
LAMP, WAMP and.. L. Grewe.
Web Browser server client 3-Tier Architecture Apache web server PHP
HTML5 Level I Session I Chapter 1 - Introduction to Web Development
EXTENSION AND INTEGRATION
Junior Programmer – jetzt verfügbar – available now!
Unit 6 part 3 Test Javascript Test.
Secure Web Programming
CatoTech Systems Pvt. Ltd.
WPS - your story so far Seems incredible complicated, already
CS4433 Database Systems Project.
ხელმძღვანელი: დიმიტრი ქარაული
Web Technologies Computing Science Thompson Rivers University
Technical and Non Technical
UFCEUS-20-2 Web Programming
CS5220 Advanced Topics in Web Programming Course Overview
Web Application Development Using PHP
ADTEL WEBSITE
Presentation transcript:

Web Development Technologies Advanced Web-based Systems Advanced Web-based Systems | Misbhauddin

Web Developers Front-End Developer / Designer Back-End Developer / Web Programmer Full Stack Developer

Front-End Developer Focuses on look and feel of a website Uses HTML, CSS, and JavaScript Is competent in color scheming, graphic design, and information flow Creates a great user experience Is right-brained: Strong intuition, creativity, & imagination HTML CSS JavaScript

Back-End Developer Creates the inner workings of a website Is competent in programming languages (PHP,.NET, Python, C, Ruby) Is left-brained: logic, linear thinking, technical Hands-on coding experience is required.NET PYTHON C# JAVA PERL NODEJS PHP RUB Y

Full Stack Developer Comfortable working with both back-end and front- end technologies. Work with Databases PHP/Python/.Net/Ruby/Java HTML CSS JavaScript and everything in between

System Administration Shell Scripting (Linux) Cloud Computing (Amazon, Rackspace) Search Engine Integration (ElasticSearch, Sphinx) Caching Monitoring What is a Full Stack?

Web Development Tools Version Control (Git, Mercurial) Virtualization (VirtualBox, Vagrant, Docker) What is a Full Stack?

Back-end Technologies Web Servers (Apache, Nginx) Programming Languages (PHP, NodeJS, Ruby) Databases (MySQL, PostgreSQL, MongoDB, Redis) – General (SQL, JSON, XML) What is a Full Stack?

Front-end Technologies HTML / HTML5 Semantic Web CSS / CSS3: LESS, SASS, Media Queries JavaScript: JQuery, AngularJS, … Browser Compatibility Responsive Design AJAX, JSON, XML, WebSocket What is a Full Stack?

Design Convert design to front-end code (PHP- HTML/CSS) User Interface (UI) User Experience (UX) What is a Full Stack?