Web Development: Yesterday, Today, Tomorrow

786 views

Published on

Published in: Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
786
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • 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.
  • 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.)
  • 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.)
  • Use a section header for each of the topics, so there is a clear transition to the audience.
  • 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.)
  • 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.)
  • 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.)
  • Use a section header for each of the topics, so there is a clear transition to the audience.
  • 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.)
  • 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.)
  • 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.)
  • 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.)
  • 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.)
  • 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.)
  • 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.)
  • 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.)
  • Use a section header for each of the topics, so there is a clear transition to the audience.
  • Web Development: Yesterday, Today, Tomorrow

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

    ×