Tech talk webtech

Tech Talk : Web Technologies An OVERVIEW

By: Mr. Shehrevar Davierwalahttp://www.trackdcode.com

https://www.facebook.com/trackdcode

Objective of LectureObjective of Lecture

• To introduce with the fundamentals of Web site creation practices by developing basic skills in HTML and CSS

• Provide the student an in-depth understanding of content management systems so as to be able to create and host modern websites

Tech Talk 2016

Some facts about websiteA classy lab website is always composed by the following types of elements:

• basic page• Lists of people – As list of supervisors, list of professors…• Lists of projects proposal • Lists of finished projects• Lists of links

• Certain pages contain several different elements1.A page is composed of one or many sub-pages

1.Choosing a name for each page2.Filling a page with one or many sub-pages

Tech Talk 2016

Used TechnologiesUsed Technologies

HTML

CSS

JAVA SCRIPT

PHP

CMSTech Talk 2016

HTMLHypertext Markup Language, a standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects on World Wide Web pages.

Tech Talk 2016

CSSCascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language.

Tech Talk 2016


CCS

1. Cascading Style Sheets (CSS): style sheet language used to describe the presentation of a html document.

2. Define colors, fonts, layout, and other aspects of document

3. Why CSS? • more flexibility • control the specification of presentational

characteristics• reduce complexity and repetition in the

structural content.

Tech Talk 2016

JAVA SCRIPTJavaScript ("JS" for short) is a full-fledged dynamic scripting language that, when applied to an HTML document, can provide dynamic interactivity on websites. It was invented by Brendan Eich, co-founder of the Mozilla project, the Mozilla Foundation, and the Mozilla Corporation.

Tech Talk 2016


Javascript

1. JavaScript is a scripting language most often used for client-side.

2. JS functions are embedded in HTML pages and interact with the Document Object Model (DOM) of the page

3. Respond to user actions quickly, making an application feel more responsive

4. Detect user actions which HTML alone cannot

Tech Talk 2016


1. PHP recursive acronym for "PHP:Hypertext Preprocessor“

2. Widely-used Open Source scripting language3. Especially suited for Web development4. Used for producing dynamic web pages5. Can be embedded into HTML.

PHP Personal Home Page (PHP)

Tech Talk 2016


1. PHP includes a large number of free and open source libraries

2. Real Object Oriented Programming Language3. Commonly install on Apache Server allow to interact

with Database like Mysql 4. PHP is mainly focused on server-side scripting

PHP Hypertext Preprocessor

Tech Talk 2016

Where does PHP fit ?

Web Browser

Internet orIntranet

page

Web

HTTPRequest

Page

Webpage

Web

Server

server

Addedfunction

ality

Client-side“Active pages”

JavaScript, VBScript,

Applet, ActiveX

Server-side“Dynamic

pages”CGI, SSI,

Server API, ASP, JSP, PHP,

COM/DCOM, CORBA

Active and dynamic page technology can be used together – server-side program generates customized active pages.


Tech Talk 2016

Web-Client Web-Server

PHPScript

HTML-Form SubmitForm Data

Call PHPinterpreter

Response Response

Web-Browser WWW

Reply

PHP - Communication client-server


PHP generally runs on a web server, taking PHP code as its inputand creating Web pages as output Tech Talk 2016

What's a content management system (CMS)?

A content management system is software that keeps track of every piece of content on your Website, much like your local public library keeps track of books and stores them.

Content can be simple text, photos, music, video, documents, or just about anything you can think of. A major advantage of using a CMS is that it requires almost no technical skill or knowledge to manage.

Since the CMS manages all your content, you don't have to.

Tech Talk 2016

Drupal DevelopmentDrupal is a robust and flexible open source content management system that is easy to use and very extensible.

Renowned for its reliability and suitability for a wide range of sectors, Drupal has been adopted by leading organisations all over the world including The White House, The Economist and Royal Mail.

Tech Talk 2016

Screenshot

Tech Talk 2016

Tech Talk 2016

Wordpress

Tech Talk 2016

Typo3

Tech Talk 2016


MySQL

1. MySQL is a multithreaded, multi-user SQL database management system.

2. Popular for web applications.3. Closely tied to PHP.4. Allow all sort of queries.5. PhpMyAdmin: friendly user interface to

manage database develop on PHP.Tech Talk 2016

TThe End…he End…

Thanks…..

Tech Talk 2016

Tech talk webtech

Education

Transcript of Tech talk webtech