1. انجمن علمی IT دانشگاه آزاد مشهد با همکاری موسسه عصر ارتباطات سخنران رسول دلیری

2. فهرست مطالب معرفی بررسی مشاغل وابسته آشنایی با مراحل طراحی سایت معماری نرم افزاری ویندوز Windows Architecture معماری نرم افزاری وب Web Architecture مقایسه Web1.0 و Web2.0 مروری بر تاریخچه HTML معرفی HTML5 بررسی امکانات و ویژگی های HTML5 بررسی چند نمونه عملی از HTML5 نتیجه گیری و پرسش و پاسخ

3. معرفی موسسه عصر ارتباطات پارسیان مجری دوره های تخصصی فنی و مهندسی CCNA, CCNP, MCITP, Network+, A+, CIW www.ertebatatedu.com رسول دلیری گرایش دانشگاهی من مهندسی نرم افزار کامپیوتر هست و به صورت تخصصی از سال 1380 در این حوزه فعالیت دارم، در سال 2006 موفق به کسب مدرک " سی آی دابلیو " از شرکت پروسافت در گرایش تخصصی وب ، اینترنت و شبکه شده ام. CIW #285443 -Certified Internet Webmaster daliri@mavara.co

4. بررسی مشاغل وابسته http://www.simplyhired.com/salaries/

5. آشنایی با مراحل طراحی سایت

6. معماری نرم افزاری ویندوز Windows Architecture

7. نمونه هایی از فضای رومیزی ها Desktop Environment

9. معماری نرم افزاری وب Web Architecture

10. client side vs. server side

11. Ajax :Asynchronous JavaScript and XML is a group of interrelated web development techniques used on the client-side to create asynchronous web applications

12. تکنولوژی های توسعه وب در سمت سرور

13. تکنولوژی های توسعه وب در سمت کلاینت

14. مقایسه Web1.0 و Web2.0

15. HTML5 ≈ HTML 5 + CSS 3 + JavaScript HTML5 is a suite of tools for: Markup (HTML 5) Presentation (CSS 3) Interaction (DOM, Ajax, APIs) http://slides.html5rocks.com/

16. A Rough History of Web Standards 91-9293-9495-9697-9899- 00 01-0203- 04 05- 06 07- 08 09-1011-1213-14 HTML 1HTML 2 HTML 3 HTML 4 XHTML 1 HTML 5 CSS 1CSS 2T-less DWeb 2.0CSS3 JSECMA, DOM DOM 2AjaxDOM, APIs 2004WHATWG started 2008W3C Working Draft 2012 (2010)W3C Candidate Rec 2022W3C Rec 1996 – CSS 1W3C Rec 1998 – CSS 2W3C Rec 1999 – CSS 3Proposed 2005 – CSS 2.1W3C Candidate Rec 2001 – CSS 3W3C Working Draft HTML 5 CSS

17. Rich Internet Applications (RIA) Space between the internet and the desktop Apps that look good and behave well Adobe Air/Flash, Java, Silverlight, Gears Availability Anywhere a web browser is available As a desktop widget or application Part of a mobile application store

18. RIA Examples

19. 5 HTML Enhancements HTML Forms CSS Offline applications Local storage

20. HTML Extended Document Flow: div, section, article, nav, aside, header, footer Audio, Video and Embed Canvas: paths, gradients, image manipulation, events Microdata for semantics and enhanced search engine results (Google Rich Snippets)

21. HTML Header Navigation Aside Footer Section Article Footer Article Footer Article Footer Figure Image, Video, Quote, Table, etc… Legend

22. Canvas function draw() { var canvas = document.getElementById(“canvas”); if (canvas.getContext) { var ctx = canvas.getContext(“2d”); ctx.fillStyle = “rgb(200,0,0)”; ctx.fillRect (10,10,55,50); ctx.fillStyle = “rgb(0,0,200)”; ctx.fillRect (30,30,55,50); }

23. Form Enhancements Placeholder text Specific text input: email, URL, number, search Slider Date picker User Agent validation

24. CSS Effects Rounded corners Gradients Box and text shadows Fonts Transparencies Multiple background images and border images Multiple columns and grid layout Box sizing Stroke and outlines Animation, movement and rotation Improved selectors

25. CSS Effect Example.amazing { border: 1px solid blue; color: red; background-color: gold; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; -webkit-box-shadow: 8px 8px 6px #474747; -moz-box-shadow: 8px 8px 6px #474747; box-shadow: 8px 8px 6px #474747; text-shadow: 8px 8px 2px #595959; filter: dropshadow(color=#595959, offx=8, offy=8); } Amazing CSS Effects

26. CSS Timelines

27. Offline Applications … someapp.manifest CACHE MANIFEST #v1.01 #Explicitly cached files CACHE: index.html Stylesheet.css Images/logo.png NETWORK: Search.cfm Login.cfm /dynamicpages FALLBACK: /dynamicpage.cfm /static.html

28. Local Storage Beyond cookies- local storage Manipulated by JavaScript Persistent 5MB storage per “origin” Secure (no communication out of the browser) Session storage Lasts as long as the browser is open Each page and tab is a new session Browser based SQLite or IndexedDB

29. Local Storage Web storage window.localStorage[‘value’] = ‘Save this!’; Session storage sessionStorage.useLater(‘fullname’, ‘Garth Colasurdo’); alert(“Hello ” + sessionStorage.fullname); Database storage var database = openDatabase(“Database Name”, “Database Version”); database.executeSql(“SELECT * FROM test”, function(result1) { … });

30. User Agent Storage

31. Cautions Browser implementation is fragmented Standards are in development HTML Candidate Recommendation is scheduled for 2012 CSS3 is in multiple drafts and proposals ECMA-262 (edition 3) (or JavaScript 1.5) New markup and architecture design

32. پرسش و پاسخ موسسه عصر ارتباطات پارسیان مجری دوره های تخصصی فنی و مهندسی CCNA, CCNP, MCITP, Network+, A+, CIW www.ertebatatedu.com