Front Side Development

Slides:

Advertisements

Similar presentations

ASP.NET Intro An introduction to the languages and communication of an ASP.NET system.

Advertisements

Introduction to JavaScript

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.

What is it? –Large Web sites that support commercial use cannot be written by hand What you’re going to learn –How a Web server and a database can be used.

Multiple Tiers in Action

Apache Tomcat Server Typical html Request/Response cycle

Creating your website Using Plain HTML. What is HTML? ► Web pages are authored in HyperText Markup Language (HTML) ► Plain text is marked up with tags,

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.

INTRO TO MAKING A WEBSITE Mark Zhang.  HTML  CSS  Javascript  PHP  MySQL  …That’s a lot of stuff!

WHAT IS PHP PHP is an HTML-embedded scripting language primarily used for dynamic Web applications.

WEB DESIGN SOME FOUNDATIONS. SO WHAT IS THIS INTERNET.

 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.

Intro to PHP Introduction to server-side scripts (It’s all good :D) © TAFE NSW

 Computer Information System Club focused on the understanding and applied learning of web development.  The club was founded in April 5,  We.

Architecture Of ASP.NET. What is ASP?  Server-side scripting technology.  Files containing HTML and scripting code.  Access via HTTP requests.  Scripting.

Copyright © cs-tutorial.com. Introduction to Web Development In 1990 and 1991,Tim Berners-Lee created the World Wide Web at the European Laboratory for.

With your friendly Web Developer, Chris.. Terminology  HTML - > Hypertext Markup Language  CSS -> Cascading Style Sheet  open tag  close tag  HTTP->Hypertext.

The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.

Introduction to HTML Tutorial 1 eXtensible Markup Language (XML)

Session I Chapter 1 - Introduction to Web Development

Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.

By Bearzx Dive Into Web Introduction To WEB

How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.

 Computer use language to communicate  A web browser will read these tags and translate it into what you actually see  Viewing Code of ESPN WebsiteESPN.

Client-side & Server-side Scripting ©Richard L. Goldman August 5, 2003 Requires PowerPoint 2002 or later for full functionality.

Session 1 Chapter 1 - Introduction to Web Development ITI 133: HTML5 Desktop and Mobile Level I

Asstt. Prof Sonia Sharma Computer Dept 1 HTML ( Hypertext MarkUP Language ) HTML is the lingua franca for publishing hypertext on the World Wide Web.

Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring

The basics of knowing the difference CLIENT VS. SERVER.

Introduction to the World Wide Web & Internet CIS 101.

CSE3310: Web training A JumpStart for Project. Outline Introduction to Website development Web Development Languages How to build simple Pages in PHP.

IN THIS LESSON WE WILL REVIEW THE STRUCTURE OF THE INTERNET AND HOW BROWSERS ASSEMBLE WEBSITES BASED ON INSTRUCTIONS THEY RECEIVE FROM SERVERS. Internet.

Web Page Design The Basics. The Web Page A document (file) created using the HTML scripting language. A document (file) created using the HTML scripting.

Web Development. Agenda Web History Network Architecture Types of Server The languages of the web Protocols API 2.

Dive into web development

Web Programming Language

Web Basics: HTML/CSS/JavaScript What are they?

Web Technologies Computing Science Thompson Rivers University

Project 1 Introduction to HTML.

Introduction to Dynamic Web Programming

Introduction to Website Creation in sphb K200

Chapter 2 Client/Server Applications

Project 1 Introduction to HTML.

Developing Web-Based Applications

PHP / MySQL Introduction

Web page a hypertext document connected to the World Wide Web.

Using Access and the Web

Web Development Training

Department of Computer Science, Florida State University

Front Side Development

APTECH JANAKPURI INSTITUTE PROVIDING WEB DESIGNING COURSES Address:- J-1,2nd Floor, Opp Metro Pillar No – 559, Janakpuri East, Delhi /42.

MAJOR PROJECT PPT ON B-TOGETHER A Social Networking Site.

Introduction to Internet Programming

PHP + Oracle = Data-Driven Websites

CMP Creating Your Personal and Small Business Web Sites

HTML5 Level I Session I Chapter 1 - Introduction to Web Development

Secure Web Programming

Teaching slides Chapter 6.

Introduction to World Wide Web

Web Development 101 Workshop

DD Sir-Infomatics Web Development Part-1.

An Introduction to JavaScript

Web Technologies Computing Science Thompson Rivers University

Client-Server Model: Requesting a Web Page

Web Application Development Using PHP

© 2017, Mike Murach & Associates, Inc.

CGS 3066: Web Programming and Design Fall 2019

Presentation transcript:

Front Side Development Intro to Web Development Front Side Development Version 2.0 January 23, 2017

Web Page Life Cycle Programmer #1 writes a text file for the web – a web page. He connects to the Internet and copies the web page to a file server also on the Internet – a web server.

Web Page Life Cycle Programmer #2 writes a program for processing web pages on the server. He connects to the Internet and copies his program to the web server.

We are DONE with Web Development! Web Page Life Cycle We are DONE with Web Development!

Web Page Life Cycle Web User goes to the web page written by programmer #1. Web server returns this web page to the User.

Web Page Life Cycle Browser processes web page, displaying results.

Web Page Life Cycle User interacts with web page, requesting information. Web server processes program written by programmer #2.

Web Page Life Cycle Web server returns updated web page to User.

Web Page Life Cycle THIS class teaches how to do Programmer #1’s job. Programmer #1 writes a text file for the web – a web page.

Front Side Developers Programmer #1 writes web page software executed by a User’s browser. He is programming for the “front side” of the Internet connection. The front side is the User and his browser. He is a Front Side Web Developer, also known as a Client-Side Web Developer.

Front Side Developers A Front Side Developer programs in three technologies: HTML – Hypertext Markup Language CSS – Cascading Style Sheets JavaScript The three languages are typically mixed together on a web page.

NYC, NY – Day of November 7, 2017 Front-Side Developer Job Openings Addison Adecco American Specialty Health Arrowcore Group Avid Bayonne Solutions Beta Soft Systems Booking.com Career Fusion Columbia Technology Confidential Corporate Brokers Cyber Coders Eastridge Infotech Elevano Enflux KForce High Rank Websites Intuit Lead Fusion Mission Resourcing Northrup Grumman Rose Scroll Motion SEO Inc. Sharp SRC Tablet Inc. Table Hotels Talent Merchants Team Persona Tek Systems The Control Group The Creative Group Thomas Publishing Vaco Technology VertiSystem ViaSat Yoh

Back-Side Web Developer Programmer #2 writes software for processing web pages on the server. He is programming for the “back side” of the Internet connection. The back side are the servers (web servers, database servers) on the Internet. He is a Back Side Web Developer, also known as a Server-Side Web Developer.

Back-Side Web Developer The Back Side Web Developer programs in many languages, including: C Java Python PHP Ruby SQL

Web Developer A “Web Developer” can be either a Front-Side Web Developer, a Back-Side Web Developer, or both.