SlideShare a Scribd company logo
1 of 17
Веб-розробка: вчора, сьогодні,завтра Віктор Гайдін, Eleks Software Ltd.
Що таке веб-розробка? клієнт-серверна архітектура, заснована на запитах; кросплатформенне клієнтське середовище; відсутність чітких стандартів та 100%-правильних їх реалізацій; багатомовне середовище розробки (клієнт: HTML + CSS + JavaScript, сервер: PHP/Python/ASP.Net/Ruby/SQL/…).
Ключові технології
HTML CSS Історія Сьогодення JavaScript
HTML Синтаксис: на базі SGML Початкове призначення: мова розмітки і форматування наукової документації 1989: початок розробки 1991: HTML “1.0” 1994: v 2.0 1999: v 4.01, XHTML 1.0
CSS Призначення: мова опису зовнішнього вигляду документів, описаних мовою розмітки 1994: початок розробки 1996: v 1.0 1998: v 2.0 2007: v 2.1
JavaScript Синтаксис: C/Java Призначення: мова програмування для інтерактивних веб-сторінок Властивості: об’єктно-орієнтовна, динамічно-типізована, скриптова 1994: LiveScript 1996: JavaScript 1.0 (Netscape) 1997: JavaScript 1.2, ECMAScript v1 1999: AJAX (XMLHTTPRequest) 2000: JavaScript 1.5
Майбутнє: HTML 5.0 CSS 3.0 JS APIs
Semantics Семантичні теги Microdata Microformats
Offline & Storage Web Application Cache Local Storage Indexed DB File API
Device Access Геолокація Доступ апаратних можливостей (камера, мікрофон, акселерометр) Доступ до API (контакти, календар, drag&drop)
Connectivity Web Sockets Server-side events Cross-document messaging
Multimedia Audio Video
3D, Graphics & Effects SVG Canvas WebGL CSS 3D
Performance & Integration Web Workers XMLHttpRequest 2
CSS3 Borders Background Text effects Sizing Selectors Fonts, columns Speech
Питання?

More Related Content

Viewers also liked

Keek for macbook
Keek for macbookKeek for macbook
Keek for macbookpeter963
 
Авторское пособие цветик считайка
Авторское пособие цветик считайкаАвторское пособие цветик считайка
Авторское пособие цветик считайкаdou1800
 
La electricidad
La electricidad La electricidad
La electricidad AndresPCom
 
Enfoque de comunicacion participativa para el desarrollo local sostenible
Enfoque de comunicacion participativa para el desarrollo local sostenibleEnfoque de comunicacion participativa para el desarrollo local sostenible
Enfoque de comunicacion participativa para el desarrollo local sostenibleNatalieGeraldinV
 
Keek get more followers
Keek get more followersKeek get more followers
Keek get more followerspeter963
 
Marketing Consultancy
Marketing ConsultancyMarketing Consultancy
Marketing ConsultancyJane Burakova
 
Oraganizacion y aprendizaje
Oraganizacion y aprendizajeOraganizacion y aprendizaje
Oraganizacion y aprendizajeLizeth Guevara
 
Esclerosis sistemica
Esclerosis sistemicaEsclerosis sistemica
Esclerosis sistemicaKenya Marburg
 
Turning Data into People: Perspectives on game addiction (Rune K. L. Nielsen)
Turning Data into People: Perspectives on game addiction (Rune K. L. Nielsen)Turning Data into People: Perspectives on game addiction (Rune K. L. Nielsen)
Turning Data into People: Perspectives on game addiction (Rune K. L. Nielsen)Karel Van Isacker
 
Departamento San jose Oriente
Departamento San jose OrienteDepartamento San jose Oriente
Departamento San jose OrienteNicolas Lopez
 

Viewers also liked (14)

Keek for macbook
Keek for macbookKeek for macbook
Keek for macbook
 
Авторское пособие цветик считайка
Авторское пособие цветик считайкаАвторское пособие цветик считайка
Авторское пособие цветик считайка
 
La electricidad
La electricidad La electricidad
La electricidad
 
Enfoque de comunicacion participativa para el desarrollo local sostenible
Enfoque de comunicacion participativa para el desarrollo local sostenibleEnfoque de comunicacion participativa para el desarrollo local sostenible
Enfoque de comunicacion participativa para el desarrollo local sostenible
 
Federal Resume Guide
Federal Resume GuideFederal Resume Guide
Federal Resume Guide
 
Angie
AngieAngie
Angie
 
Keek get more followers
Keek get more followersKeek get more followers
Keek get more followers
 
Marketing Consultancy
Marketing ConsultancyMarketing Consultancy
Marketing Consultancy
 
Oraganizacion y aprendizaje
Oraganizacion y aprendizajeOraganizacion y aprendizaje
Oraganizacion y aprendizaje
 
Corel draw x5
Corel draw x5Corel draw x5
Corel draw x5
 
Strategy for Finding Consultancy Opportunities and Preparing Good Quality Sub...
Strategy for Finding Consultancy Opportunities and Preparing Good Quality Sub...Strategy for Finding Consultancy Opportunities and Preparing Good Quality Sub...
Strategy for Finding Consultancy Opportunities and Preparing Good Quality Sub...
 
Esclerosis sistemica
Esclerosis sistemicaEsclerosis sistemica
Esclerosis sistemica
 
Turning Data into People: Perspectives on game addiction (Rune K. L. Nielsen)
Turning Data into People: Perspectives on game addiction (Rune K. L. Nielsen)Turning Data into People: Perspectives on game addiction (Rune K. L. Nielsen)
Turning Data into People: Perspectives on game addiction (Rune K. L. Nielsen)
 
Departamento San jose Oriente
Departamento San jose OrienteDepartamento San jose Oriente
Departamento San jose Oriente
 

Similar to Web Development: Yesterday, Today, Tomorrow

Module_01.pdf (Модуль 1. Вступ до вебтехнологій. Структура HTML. Форматуванн...
Module_01.pdf (Модуль 1. Вступ до вебтехнологій. Структура HTML.  Форматуванн...Module_01.pdf (Модуль 1. Вступ до вебтехнологій. Структура HTML.  Форматуванн...
Module_01.pdf (Модуль 1. Вступ до вебтехнологій. Структура HTML. Форматуванн...lisovvolod
 
Right Tool for the Job: Як правильно вибрати мову програмування
Right Tool for the Job: Як правильно вибрати мову програмуванняRight Tool for the Job: Як правильно вибрати мову програмування
Right Tool for the Job: Як правильно вибрати мову програмуванняSerhiy Batyuk
 
ASP.Net Core Services
ASP.Net Core ServicesASP.Net Core Services
ASP.Net Core ServicesVictor Haydin
 
Aspnet core
Aspnet coreAspnet core
Aspnet coreeleksdev
 
Web service lecture
Web service lectureWeb service lecture
Web service lectureeleksdev
 
.NET Platform. C# Basics
.NET Platform. C# Basics.NET Platform. C# Basics
.NET Platform. C# Basicseleksdev
 
11 web services
11 web services11 web services
11 web serviceseleksdev
 
DrupalTour. Khmelnytskyi — Ember (Timur Bolotyuh, stfalcon.com)
DrupalTour. Khmelnytskyi — Ember (Timur Bolotyuh, stfalcon.com)DrupalTour. Khmelnytskyi — Ember (Timur Bolotyuh, stfalcon.com)
DrupalTour. Khmelnytskyi — Ember (Timur Bolotyuh, stfalcon.com)Drupaltour
 
Розробка веб-сайту. Основні етапи
Розробка веб-сайту. Основні етапиРозробка веб-сайту. Основні етапи
Розробка веб-сайту. Основні етапиОлексій Артеменко
 
Автомат розроб сайтів_огляд_web2
Автомат розроб сайтів_огляд_web2Автомат розроб сайтів_огляд_web2
Автомат розроб сайтів_огляд_web2Ирина Слуцкая
 

Similar to Web Development: Yesterday, Today, Tomorrow (20)

85082.pptx
85082.pptx85082.pptx
85082.pptx
 
Html5 - ready yet?(ukr)
Html5 - ready yet?(ukr)Html5 - ready yet?(ukr)
Html5 - ready yet?(ukr)
 
Module_01.pdf (Модуль 1. Вступ до вебтехнологій. Структура HTML. Форматуванн...
Module_01.pdf (Модуль 1. Вступ до вебтехнологій. Структура HTML.  Форматуванн...Module_01.pdf (Модуль 1. Вступ до вебтехнологій. Структура HTML.  Форматуванн...
Module_01.pdf (Модуль 1. Вступ до вебтехнологій. Структура HTML. Форматуванн...
 
Right Tool for the Job: Як правильно вибрати мову програмування
Right Tool for the Job: Як правильно вибрати мову програмуванняRight Tool for the Job: Як правильно вибрати мову програмування
Right Tool for the Job: Як правильно вибрати мову програмування
 
Web
WebWeb
Web
 
Web 5
Web 5Web 5
Web 5
 
studresume
studresumestudresume
studresume
 
Web 2
Web 2Web 2
Web 2
 
ASP.Net Core Services
ASP.Net Core ServicesASP.Net Core Services
ASP.Net Core Services
 
Aspnet core
Aspnet coreAspnet core
Aspnet core
 
Coding for Future in Lutsk. JavaScript. Part 1
Coding for Future in Lutsk. JavaScript. Part 1Coding for Future in Lutsk. JavaScript. Part 1
Coding for Future in Lutsk. JavaScript. Part 1
 
Web service lecture
Web service lectureWeb service lecture
Web service lecture
 
.NET Platform. C# Basics
.NET Platform. C# Basics.NET Platform. C# Basics
.NET Platform. C# Basics
 
Syniepolskyi dmytro
Syniepolskyi dmytroSyniepolskyi dmytro
Syniepolskyi dmytro
 
11 web services
11 web services11 web services
11 web services
 
ASP.Net basics
ASP.Net basics ASP.Net basics
ASP.Net basics
 
DrupalTour. Khmelnytskyi — Ember (Timur Bolotyuh, stfalcon.com)
DrupalTour. Khmelnytskyi — Ember (Timur Bolotyuh, stfalcon.com)DrupalTour. Khmelnytskyi — Ember (Timur Bolotyuh, stfalcon.com)
DrupalTour. Khmelnytskyi — Ember (Timur Bolotyuh, stfalcon.com)
 
Ember.js. Init...
Ember.js. Init...Ember.js. Init...
Ember.js. Init...
 
Розробка веб-сайту. Основні етапи
Розробка веб-сайту. Основні етапиРозробка веб-сайту. Основні етапи
Розробка веб-сайту. Основні етапи
 
Автомат розроб сайтів_огляд_web2
Автомат розроб сайтів_огляд_web2Автомат розроб сайтів_огляд_web2
Автомат розроб сайтів_огляд_web2
 

More from Victor Haydin

IoT: future that has already happened
IoT: future that has already happenedIoT: future that has already happened
IoT: future that has already happenedVictor Haydin
 
Marketing by nerds: how R&D actually works
Marketing by nerds: how R&D actually worksMarketing by nerds: how R&D actually works
Marketing by nerds: how R&D actually worksVictor Haydin
 
How to write your database: the story about Event Store
How to write your database: the story about Event StoreHow to write your database: the story about Event Store
How to write your database: the story about Event StoreVictor Haydin
 
Not Only Java [JDay Lviv 2013]
Not Only Java [JDay Lviv 2013]Not Only Java [JDay Lviv 2013]
Not Only Java [JDay Lviv 2013]Victor Haydin
 
The Renaissance of C++
The Renaissance of C++The Renaissance of C++
The Renaissance of C++Victor Haydin
 
Fast & Furious: building HPC solutions in a nutshell
Fast & Furious: building HPC solutions in a nutshellFast & Furious: building HPC solutions in a nutshell
Fast & Furious: building HPC solutions in a nutshellVictor Haydin
 
Concurrency: how to shoot yourself in both feet. Simultaneously.
Concurrency: how to shoot yourself in both feet. Simultaneously.Concurrency: how to shoot yourself in both feet. Simultaneously.
Concurrency: how to shoot yourself in both feet. Simultaneously.Victor Haydin
 
Hadoop: the Big Answer to the Big Question of the Big Data
Hadoop: the Big Answer to the Big Question of the Big DataHadoop: the Big Answer to the Big Question of the Big Data
Hadoop: the Big Answer to the Big Question of the Big DataVictor Haydin
 
Cloud Computing in a Nutshell
Cloud Computing in a NutshellCloud Computing in a Nutshell
Cloud Computing in a NutshellVictor Haydin
 
Distributed vcs basics + hg
Distributed vcs basics + hgDistributed vcs basics + hg
Distributed vcs basics + hgVictor Haydin
 

More from Victor Haydin (11)

IoT: future that has already happened
IoT: future that has already happenedIoT: future that has already happened
IoT: future that has already happened
 
Marketing by nerds: how R&D actually works
Marketing by nerds: how R&D actually worksMarketing by nerds: how R&D actually works
Marketing by nerds: how R&D actually works
 
How to write your database: the story about Event Store
How to write your database: the story about Event StoreHow to write your database: the story about Event Store
How to write your database: the story about Event Store
 
Not Only Java [JDay Lviv 2013]
Not Only Java [JDay Lviv 2013]Not Only Java [JDay Lviv 2013]
Not Only Java [JDay Lviv 2013]
 
The Renaissance of C++
The Renaissance of C++The Renaissance of C++
The Renaissance of C++
 
Fast & Furious: building HPC solutions in a nutshell
Fast & Furious: building HPC solutions in a nutshellFast & Furious: building HPC solutions in a nutshell
Fast & Furious: building HPC solutions in a nutshell
 
Concurrency: how to shoot yourself in both feet. Simultaneously.
Concurrency: how to shoot yourself in both feet. Simultaneously.Concurrency: how to shoot yourself in both feet. Simultaneously.
Concurrency: how to shoot yourself in both feet. Simultaneously.
 
Hadoop: the Big Answer to the Big Question of the Big Data
Hadoop: the Big Answer to the Big Question of the Big DataHadoop: the Big Answer to the Big Question of the Big Data
Hadoop: the Big Answer to the Big Question of the Big Data
 
Cloud Computing in a Nutshell
Cloud Computing in a NutshellCloud Computing in a Nutshell
Cloud Computing in a Nutshell
 
Databases in .NET
Databases in .NETDatabases in .NET
Databases in .NET
 
Distributed vcs basics + hg
Distributed vcs basics + hgDistributed vcs basics + hg
Distributed vcs basics + hg
 

Web Development: Yesterday, Today, Tomorrow

Editor's Notes

  1. This template can be used as a starter file for presenting training materials in a group setting.SectionsRight-click on a slide to add sections. Sections can help to organize your slides or facilitate collaboration between multiple authors.NotesUse the Notes section for delivery notes or to provide additional details for the audience. View these notes in Presentation View during your presentation. Keep in mind the font size (important for accessibility, visibility, videotaping, and online production)Coordinated colors Pay particular attention to the graphs, charts, and text boxes.Consider that attendees will print in black and white or grayscale. Run a test print to make sure your colors work when printed in pure black and white and grayscale.Graphics, tables, and graphsKeep it simple: If possible, use consistent, non-distracting styles and colors.Label all graphs and tables.
  2. Summarize presentation content by restating the important points from the lessons.What do you want the audience to remember when they leave your presentation?Save your presentation to a video for easy distribution (To create a video, click the File tab, and then click Share.  Under File Types, click Create a Video.)
  3. Summarize presentation content by restating the important points from the lessons.What do you want the audience to remember when they leave your presentation?Save your presentation to a video for easy distribution (To create a video, click the File tab, and then click Share.  Under File Types, click Create a Video.)
  4. Use a section header for each of the topics, so there is a clear transition to the audience.
  5. Summarize presentation content by restating the important points from the lessons.What do you want the audience to remember when they leave your presentation?Save your presentation to a video for easy distribution (To create a video, click the File tab, and then click Share.  Under File Types, click Create a Video.)
  6. Summarize presentation content by restating the important points from the lessons.What do you want the audience to remember when they leave your presentation?Save your presentation to a video for easy distribution (To create a video, click the File tab, and then click Share.  Under File Types, click Create a Video.)
  7. Summarize presentation content by restating the important points from the lessons.What do you want the audience to remember when they leave your presentation?Save your presentation to a video for easy distribution (To create a video, click the File tab, and then click Share.  Under File Types, click Create a Video.)
  8. Use a section header for each of the topics, so there is a clear transition to the audience.
  9. Summarize presentation content by restating the important points from the lessons.What do you want the audience to remember when they leave your presentation?Save your presentation to a video for easy distribution (To create a video, click the File tab, and then click Share.  Under File Types, click Create a Video.)
  10. Summarize presentation content by restating the important points from the lessons.What do you want the audience to remember when they leave your presentation?Save your presentation to a video for easy distribution (To create a video, click the File tab, and then click Share.  Under File Types, click Create a Video.)
  11. Summarize presentation content by restating the important points from the lessons.What do you want the audience to remember when they leave your presentation?Save your presentation to a video for easy distribution (To create a video, click the File tab, and then click Share.  Under File Types, click Create a Video.)
  12. Summarize presentation content by restating the important points from the lessons.What do you want the audience to remember when they leave your presentation?Save your presentation to a video for easy distribution (To create a video, click the File tab, and then click Share.  Under File Types, click Create a Video.)
  13. Summarize presentation content by restating the important points from the lessons.What do you want the audience to remember when they leave your presentation?Save your presentation to a video for easy distribution (To create a video, click the File tab, and then click Share.  Under File Types, click Create a Video.)
  14. Summarize presentation content by restating the important points from the lessons.What do you want the audience to remember when they leave your presentation?Save your presentation to a video for easy distribution (To create a video, click the File tab, and then click Share.  Under File Types, click Create a Video.)
  15. Summarize presentation content by restating the important points from the lessons.What do you want the audience to remember when they leave your presentation?Save your presentation to a video for easy distribution (To create a video, click the File tab, and then click Share.  Under File Types, click Create a Video.)
  16. Summarize presentation content by restating the important points from the lessons.What do you want the audience to remember when they leave your presentation?Save your presentation to a video for easy distribution (To create a video, click the File tab, and then click Share.  Under File Types, click Create a Video.)
  17. Use a section header for each of the topics, so there is a clear transition to the audience.