SHAPE THE WORLD. WEB DEVELOPMENT.

Slides:

Advertisements

Similar presentations

Teaching International Teachers to Use Technology Using Free Web Tools Jenell Williams Christina Kitson Max Stinnett English Language Program Kansas State.

Advertisements

I started school with the intention of becoming a web developer and I have been here a year so far working for a degree in Web Technologies. My grades.

Introduction to Backend James Kahng. Install Node.js.

© 2010, Robert K. Moniot Chapter 1 Introduction to Computers and the Internet 1.

Multiple Tiers in Action

© 2004, Robert K. Moniot Chapter 1 Introduction to Computers and the Internet.

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.

ECA 228 Internet/Intranet Design I Intro to the Web.

What happens after graduation? Steve Cover & Doug Mulkey (or, how do I get a job?)

The Internet Present By Tianyi Xiao ID ： C  The Internet is a global system of interconnected computer networks that use the standard Internet.

Web Design Scripting and the Web. Books on Scripting.

CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.

Introdution to Computer Science ICS3U/4U.  New room!!!  Respect it  Wooden tables  No food/drink  Bathroom – one at a time  Course outline – coming.

INFM 603: Information Technology and Organizational Context Jimmy Lin The iSchool University of Maryland Thursday, October 18, 2012 Session 7: PHP.

Creating an Online Professional Presence Using Social Media.

HISD Becoming #GreatAllOver. How many hours per day does the average child between the ages of 8 and 18 spend with media and technology? (this includes.

Chapter 1: Introduction to Web

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

PIZZA WEB PAGE May 28, FOR TODAY  Review Vocabulary Words (take out your worksheets!)  Pizza Web Page  Research more tags  Turn in your homework!

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.

Computer Tech Class August 20,  Internet was originally started by Department of Defense  Was made as means of communication without central location.

Engagement Marketing: Building relationships that drive business success Copyright © 2010 Constant Contact, Inc.

What Is Wiki ? Wiki is a piece of server software that allows users to freely create and edit Web page content using any Web browser. Wiki supports hyperlinks.

P ERSUASIVE WRITING Advertising. W HAT IS ADVERTISING ? Advertising is a tool used to get people to want to buy something. The main reason ads are created.

Introduction to web development and HTML MGMT 230 LAB.

Kingdom of Saudi Arabia Ministry of Higher Education Al-Imam Muhammad Ibn Saud Islamic University College of Computer and Information Sciences Chapter.

MODULE: INFORMATION QUALITY: RESEARCH METHODS DRAFT 23 Everett Street Cambridge, MA 02138, USA

Social Media 101 An Overview of Social Media Basics.

1 CS6320 – SW Engineering of Web- Based Systems L. Grewe.

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.

1 Chapter 01: Introduction by Tharith Sriv. This course covers the following topics:  Hypertext Markup Language (HTML)  Cascading Style Sheets  JavaScript.

CREATIVE INDUSTRIES Nick CucakovicOutcome 2. Knowledge and Required skills For each of the 3 jobs in the sector i found they all had the same requirement.

Top 10 Tips For Growing Your Social Media Following You want a lot of targeted followers who are willing to engage with you and answer your calls to action.

 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.

1 Getting Started with Usability Testing Amanda L. Goodman with An Infopeople Webinar Wednesday, October 7, 2015.

 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.

 A website, also written Web site, web site, or simply site, is a group of Web pages and related text, databases, graphics, audio, and video files that.

By Mrs. Houle  It is time to visit the Internet. You are going to jump onto Google Chrome to learn how to use the web browser tools to get around. Along.

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

SERVER web page repository WEB PAGE instructions stores information and instructions BROWSER retrieves web page and follows instructions Server Web Server.

and Internet Explorer.  The transmission of messages and files via a computer network  Messages can consist of simple text or can contain attachments,

How the Internet Works Most people use the internet but do not know how it works.

Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.

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

Learn AngularJS by Building 10 projects. Introduction to AngularJS An Open source web application framework by Google Written in JavaScript offers complete.

 Smartphones – iPhone, Android, Blackberries, etc  Tablets – iPad, Android, Windows, Google, etc.  Computers Basically anything that can connect to.

introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.

Tech Tuesday: Facebook 101 People’s Resource Center January 26, 2016.

Week-10 (Lecture-1) Web Building STEPS OF BUILDING: create web pages using HTML add a consistent style using CSS add computer code using JavaScript add.

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.

Pros and Cons of Static or Dynamic Websites. As a website user, you may not bother if a site you visit is static or dynamic as it is a sheer backend functionality.

Web Application Development Process

JavaScript: Build "Rock, Paper, Scissors"

The Internet and HTML Code

Benefits To Used PHP To Create Websites. PHP – Hypertext Transfer Protocol PHP consider the most famed programming language for developing websites or.

ASP.NET developing web applications based on Microsoft.NET Framework.

Developing Web-Based Applications

Web Development Training

Department of Computer Science, Florida State University

Database Driven Websites

PHP + Oracle = Data-Driven Websites

Introduction to World Wide Web

Web Development 101 Workshop

Web Application Development Using PHP

CGS 3066: Web Programming and Design Fall 2019

Presentation transcript:

SHAPE THE WORLD. WEB DEVELOPMENT.

The world before the web We called them books.

Your world with the web Need some information? – Google it. Read on Wikipedia. Ask Yahoo Answers. Need to manage your money? – Track spending with Mint. Do taxes on TurboTax. Want to solve world poverty? – Lend money via Kiva. Contribute to Khan Academy Want to win friends and influence people? – Connect on Facebook. Tweet on Twitter. Post on YouTube

What the web is, put simply. Browser Web server Database SMTP server Other server Programs

What a web application is Web server Database SMTP server Programs 1. Software constantly running, waiting for browsers to connect 2. When browser connects, web server sends data from the browser to the programs 3. Programs read and/or write data stored in the database 4. Programs might also contact other servers (e.g., send via SMTP) 5. Program makes a web page and hands it back to the web server. 6. Web server sends page to browser.

Web pages can contain programs, too Web server Database SMTP server Programs Browser Programs 7. Any programs inside the web page execute.

Primary technologies for the web Hypertext markup language (HTML) Cascading style sheets (CSS) JavaScript (JS) Personal home page (PHP) Structured query language (SQL)

Hypertext markup language (HTML) This is the language used to “write” web pages It describes what is “on” a web page HTML is necessary because without it, your web page is empty.

Cascading style sheets (CSS) This is the language used to control the appearance of web pages. You can control appearance of web pages using just HTML (so CSS is optional). But web pages that don’t use CSS are ugly.

JavaScript (JS) This is the language used to write the programs than run in the browser. JavaScript is awesome because enables web pages to “feel” very interactive. Anything you can do in JS you can also do in PHP, but it “feels” less responsive.

Personal home page (PHP) This is the language used to write programs that run on the server. There are very very many quite worthy alternatives (including Java, Ruby, and C#). But PHP is easy to learn and widely available, so we will use it in this intro course.

Structured query language (SQL) This is the language used to tell the database what to do (including read and write data). There are alternatives, but none of them are as widely supported or standardized. SQL (or one of those alternatives) is typically used when you need to manage lots of data.

With web technologies, you can build Your own Facebook – help people make friends and share information Your own Kiva – help people lend money to others around the world Your own Mint – help people track their spending and manage their money Your own Google – help people find information from other web sites

What will you do with your new skills? A better way to share information… – More specialized than Google. More flexible than Wikipedia and Yahoo Answers. Ideas: – A website where OSU students can coach one another about which companies give good internships and which ones don’t?

What will you do with your new skills? A better way to manage your money… – Less intrusive than Mint, less specialized than TurboTax. Ideas: – A website where you can describe your financial situation, and the website coaches you on financial decisions (e.g., should I pay for this with a car loan or credit card?) – A website where you can describe your problems and get real-time guidance from professionals (for free)?

What will you do with your new skills? A better way to fight poverty… – More personal than Kiva, focused differently than Kiva or Khan. Ideas: – A website where people can share “tribute” videos that tell stories about people who have touched their lives? Inspire me. – A website where student teams can sign up to deliver food to homeless shelters on a schedule.

What will you do with your new skills? A better way to win friends and influence people… – More private than Facebook, more flexible than Twitter, less work than YouTube Ideas: – A website where OSU students can challenge each other to sports? – A website where OSU students can offer favors (rides?) to one another?

And a billion other possibilities New kinds of video games New ways to track energy usage New methods of learning from mistakes New features for planning travel New ways to meet people New tools for learning useful skills New ways to do anything that matters

Begin with the objective in mind. What do you want to do when you graduate? That should be the factor driving your participation in this course. And the reason to learn what we will cover.