Programming in HTML5 with JavaScript and CSS3

Transkript

1 Programming in HTML5 with JavaScript and CSS3 Eğitim Tipi ve Süresi: 5 Day VILT 5 Days ILT JavaScript li HTML5 te Programlama ve CSS3 Eğitimi Visual Studio ile HTML5, CSS3, ve JavaScript kullanarak programlamayı öğrenin. Bu eğitimde, HTML5, CSS3, ve JavaScript i tanıyacak ve temel HTML5/CSS3/JavaScript programlama becerileri kazanacaksınız. Ders, web uygulamaları ve Windows Store uygulamaları eğitim rotalarına bir giriş noktası niteliğindedir. Programlama mantığını uygulamaya geçirme, değişkenleri tanımlayıp kullanma, döngüleme ve dallanma (looping and branching) gerçekleştirme, kullanıcı arayüzleri geliştirme, kullanıcı girdisi yakalama ve doğrulama, veri depolama ve iyi yapılandırılmış uygulamalar yaratma amaçlarıyla HTML5/CSS3/JavaScript kullanımlarına odaklanacaksınız. Bu ders, Windows 8 üzerinde çalışan Visual Studio kullanmaktadır. Neler Öğreneceksiniz Bir Web uygulaması yaratmak ve çalıştırmak için Visual Studio Kullanma HTML5 in yeni özellikleri HTML5 sayfaları yaratma ve biçimlendirme JavaScript kullanarak bir HTML5 sayfasına etkileşimlilik ekleme Farklı girdi tipleri kullanarak HTML5 formları yaratma ve HTML5 öznitelikleri ve JavaScript kodu kullanarak kullanıcı girdisi doğrulama XMLHTTPRequest nesneleri ve and jquery AJAX operasyonları kullanarak uzak bir kaynağa veri gönderme ve alma CSS3 kullanarak HTML5 sayfaları biçimlendirme İyi yapılandırılmış ve kolayca sürdürülebilir JavaScript kodu yaratma Etkileşimli Web uygulamalarında ortak HTML5 uygulama programlama arayüzleri (API lar) kullanma Çevrimdışı işlemleri destekleyen web uygulamaları yaratma Farklı aygıtlara ve form factor uyarlanabilen HTML5 web sayfaları yaratma

2 Canvas öğeleri/elementleri ve Scalable Vector Graphics kullanarak bir HTML5 sayfasına gelişmiş grafikler ekleme Bir HTML5 sayfasına animasyonlar ekleyerek kullanıcı deneyimini geliştirme Bir web uygulaması ve sunucu arasında veri göndermek ve almak için web socketlerini kullanma Web worker proseslerini kullanarak uzun soluklu işlemler gerçekleştiren bir web uygulamasının cevap verebilirliğini iyileştirme Kimler Katılmalı En az altı ay profesyonel tecrübesi olan ve JavaScript li HTML5 ve CSS3 kullanarak uygulamalar (Windows Store veya IE10 web uygulamaları) geliştirmekle ilgilenen geliştiriciler. Beş yıldan fazla programlama deneyimi olan geliştiriciler bu eğitimin, belirli programlama görevleriyle ilgili sözdizimini sunarken bazı kısımlarının doğası gereği temel olduğunu düşünebilirler. Önkoşullar HTML belge yapısı kavrayışı: o Metin içeriği görüntülemek için HTML etiketlerini kullanma deneyimi o Grafikleri görüntülemek için HTML etiketlerini kullanma deneyimi o HTML API larını kullanma tecrübesi CSS kullanan ortak biçim HTML öğeleri bilgisi, aşağıdakiler dahil: o İçerikten sunumu ayırma o Content flow yönetme o Bireysel öğelerin yerleşimini yönetme o Content overflow yönetme o Temel CSS biçimlendirme Web Uygulamalarının Programlama Temelleri (M10958) Devam Dersler HTML5 ve JavaScript Kullanarak Windows Store Uygulamaları Geliştirmenin Esasları (M20481) HTML5 ve JavaScript Kullanarak İleri Düzey Windows Store Uygulama Geliştirme (M20482) Sertifika Program ve Rotaları: Bu ders şu program ve rotaların bir parçasıdır: MCSD: Windows Store Uygulamaları MCSD: Web Uygulamaları MCSD: SharePoint Uygulamaları Ders Taslağı 1. HTML ve CSS HTML CSS

3 Visual Studio Kullanarak bir Web Uygulaması Yaratma 2. HTML5 Sayfaları Oluşturma ve Biçimlendirme 3. JavaScript JavaScript Syntax JavaScript ile HTML DOM Programlama jquery 4. Veri Toplama ve Kullanıcı Girdisi Doğrulama için Formlar Yaratma Formlar ve Girdi Tipleri HTML5 Özniteliklerini Kullanarak Kullanıcı Girdisi Doğrulama JavaScript Kullanarak Kullanıcı Girdisi Doğrulama 5. Uzak bir Veri Kaynağı ile İletişim XMLHTTPRequest Kullanarak Veri Gönderme ve Alma jquery AJAX Operations Kullanarak Veri Gönderme ve Alma 6. CSS3 Kullanarak HTML5 Biçimlendirme Metin Biçimlendirme Blok Öğeleri Biçimlendirme CSS3 Selectors CSS3 Kullanarak Grafiksel Efektleri İyileştirme 7. JavaScript Kullanarak Nesneler ve Yöntemler Yaratma İyi Yapılandırılmış JavaScript Yazma Özel Nesneler Yaratma Nesneleri Genişletme 8. HTML5 API ları Kullanarak Etkileşimli Sayfalar Oluşturma Dosyalarla Etkileşim Mültimedya Dahil Etme Tarayıcı Konum ve İçeriğine Reaksiyon Gösterme Bir Web Uygulamasında Hata Ayıklama ve Profilleme 9. Web Uygulamalarına Çevrimdışı Destek Ekleme Yerel Olarak Veri Okuma ve Yazma Uygulama Önbelleğini Kullanarak Çevrimdışı Destek Ekleme 10. Uyarlanır Bir Kullanıcı Arayüzü Uygulamaya Geçirme Çıktı Almaya Uygun Stylesheet Yaratma Farklı Bir Biçim Katsayısına Uyacak Şekilde Sayfa Yapısı Uyarlama

4 11. Gelişmiş Grafikler Yaratma Scalable Vector Graphics Kullanarak Etkileşimli Grafikler Yaratma Bir Canvas Kullanarak Programlanabilir Şekilde Grafik Çizme 12. Kullanıcı Arayüzünü Canlandırma CSS Transitions Uygulama Öğeleri Dönüştürme CSS Key-Frame Animasyonları Uygulama 13. Web Sockets Kullanarak Gerçek-Zamanlı İletişimler Uygulamaya Geçirme Web Sockets Web Sockets kullanarak Veri Gönderme ve Alma 14. Bir Web Worker Prosesi Yaratma Web Workerlar Bir Web Worker Kullanarak Eşzamansız Processing Gerçekleştirme Lab ler Lab 1: Contoso Conference Application ı Keşfetme Contoso Conference Application Tam Çözümü Contoso Conference Application İnceleme ve Değiştirme Lab 2: HTML5 Sayfaları Oluşturma ve Biçimlendirme HTML5 Sayfaları Oluşturma HTML5 Sayfaları Biçimlendirme Lab 3: JavaScript Kullanarak Veri Görüntüleme ve Olayları Yönetme Programlanabilir Şekilde Veri Görüntüleme Olayları Yönetme Lab 4: Form Yaratma ve Kullanıcı Girdisi Doğrulama HTML5 Özniteliklerini Kullanarak Form Yaratma ve Kullanıcı Girdisi Doğrulama JavaScript Kullanarak Kullanıcı Girdisi Doğrulama Lab 5: Uzak Veri Kaynağı ile İletişim Veri Çekme Veri Seri Hale Getirme ve Aktarma jquery Ajax Yöntemi Kullanarak Kod Yeniden Düzenleme Lab 6: CSS3 kullanarak Metin ve Blok Öğelerini Biçimlendirme Gezinme Çubuğunu Biçimlendirme Sayfa Başlığını Biçimlendirme

5 Hakkında Sayfasını Biçimlendirme Lab 7: Sürdürülebilirlik ve Genişleyebilirlik için Kod İyileştirme Nesnelerden Miras Alma Nesneleri Kullanmak için Kod Yeniden Düzenlenmesi Lab 8: HTML5 API lerini Kullanarak Etkileşimli Sayfalar Oluşturma Video Kapsama Alma Resimleri Kapsama Alma Geolocation API Kullanma Lab 9: Bir Web Uygulamasına Çevrimdışı Destek Ekleme Uygulama Önbelleğini Uygulamaya Geçirme Yerel Depolama Uygulamaya Geçirme Lab 10: Uyarlanır bir Kullanıcı Arayüzü Uygulama Yazdırmaya Uygun bir Stylesheet Yaratma Farklı Tip Biçim Katsayısına Uyacak Şekilde Sayfa Düzeni Uyarlama Lab 11: Gelişmiş Grafikler Yaratma Scalable Vector Graphics Kullanarak bir Interactive Bir Canvas Element Kullanarak bir Speaker Badge Yaratma Lab 12: Kullanıcı Arayüzü Öğelerini Canlandırma Kullanıcı Arayüzü Öğelerine Geçişler Uygulama Key-Frame Animasyonları Uygulama Lab 13: Web Socketleri Kullanarak Gerçek Zamanlı İletişimler Uygulamaya Geçirme Web Socket ten Veri Alma Bir Web Socket e Veriler Gönderme Bir Web Socket ten ya da Ona Doğru Çoklu Tipli Mesajlar Gönderme Lab 14: Bir Web Worker İşlemi Yaratma Bir Web Worker Kullanarak Cevap Verebilirlik İyileştirme Uzun Soluklu Süreçte Kullanıcı Geribildirimi Sağlama Programming in HTML5 with JavaScript and CSS3 (M20480) Learn to program using HTML5, CSS3, and JavaScript with Visual Studio. EXCLUSIVE!

6 This course is also available in our new Virtual Classroom Fit format: Two, three-hour instructor-led sessions per week over four weeks for your convenience. Learn more about Virtual Classroom Fit classes or call your Training Advisor ( ) for details. In this course, you will be introduced to HTML5, CSS3, and JavaScript and gain basic HTML5/CSS3/JavaScript programming skills. This course is an entry point into both the web application and Windows Store apps training paths. You will focus on using HTML5/CSS3/JavaScript to implement programming logic, define and use variables, perform looping and branching, develop user interfaces, capture and validate user input, store data, and create well-structured applications. What You'll Learn Use Visual Studio to create and run a web application New features of HTML5 Create and style HTML5 pages Add interactivity to an HTML5 page by using JavaScript Create HTML5 forms by using different input types and validate user input using HTML5 attributes and JavaScript code Send and receive data to and from a remote data source by using XMLHTTPRequest objects and jquery AJAX operations Style HTML5 pages by using CSS3 Create well-structured and easily-maintainable JavaScript code Use common HTML5 application programming interfaces (APIs) in interactive Web applications Create web applications that support offline operations Create HTML5 web pages that can adapt to different devices and form factors Add advanced graphics to an HTML5 page using Canvas elements and Scalable Vector Graphics Enhance the user experience by adding animations to an HTML5 page Use web sockets to send and receive data between a web application and a server Improve the responsiveness of a web application that performs long-running operations by using web worker processes Who Needs to Attend Developers who have at least six months of professional experience and who are interested in developing applications using HTML5 with JavaScript and CSS3 (either Windows Store apps or IE10 apps for the web) Developers who have more than five years programming experience may find that portions of this training are fundamental in nature when presenting the syntax associated with certain programming tasks Prerequisites Understanding of the basic HTML document structure: Experience using HTML tags to display text content Experience using HTML tags to display graphics Experience using HTML APIs Knowledge of common style HTML elements using CSS, including: Separating presentation from content Managing content flow Managing positioning of individual elements Managing content overflow Basic CSS styling Programming Fundamentals of Web Applications (M10958)

7 Follow-On Courses Essentials of Developing Windows Store Apps Using HTML5 and JavaScript (M20481) Advanced Windows Store App Development using HTML5 and JavaScript (M20482) Certification Programs and Certificate Tracks This course is part of the following programs or tracks: MCSD: Windows Store Apps MCSD: Web Applications MCSD: SharePoint Applications Course Outline 1. HTML and CSS HTML CSS Creating a Web Application Using Visual Studio 2. Creating and Styling HTML5 Pages 3. JavaScript JavaScript Syntax Programming the HTML DOM with JavaScript jquery 4. Creating Forms to Collect Data and Validate User Input Forms and Input Types Validating User Input Using HTML5 Attributes Validating User Input Using JavaScript 5. Communicating with a Remote Data Source Sending and Receiving Data by Using XMLHTTPRequest Sending and Receiving Data by Using jquery AJAX Operations 6. Styling HTML5 Using CSS3 Styling Text Styling Block Elements CSS3 Selectors Enhancing Graphical Effects Using CSS3 7. Creating Objects and Methods by Using JavaScript Writing Well-Structured JavaScript Creating Custom Objects Extending Objects 8. Creating Interactive Pages Using HTML5 APIs Interacting with Files

8 Incorporating Multimedia Reacting to Browser Location and Context Debugging and Profiling a Web Application 9. Adding Offline Support to Web Applications Reading and Writing Data Locally Adding Offline Support Using the Application Cache 10. Implementing an Adaptive User Interface Creating a Print-Friendly Stylesheet Adapting Page Layout to Fit a Different Form Factor 11. Creating Advanced Graphics Creating Interactive Graphics Using Scalable Vector Graphics Programmatically Drawing Graphics Using a Canvas 12. Animating the User Interface Applying CSS Transitions Transforming Elements Applying CSS Key-Frame Animations 13. Implementing Real-Time Communications Using Web Sockets Web Sockets Sending and Receiving Data Using Web Sockets 14. Creating a Web Worker Process Web Workers Performing Asynchronous Processing Using aweb Worker Labs Lab 1: Explore the Contoso Conference Application Walkthrough of the Contoso Conference Application Examine and Modify the Contoso Conference Application Lab 2: Create and Style HTML5 Pages Create HTML5 Pages Style HTML5 Pages Lab 3: Display Data and Handle Events by Using JavaScript Display Data Programmatically Handle Events Lab 4: Create a Form and Validate User Input Create a Form and Validate User Input Using HTML5 Attributes Validate User Input Using JavaScript

9 Lab 5: Communicate with a Remote Data Source Retrieve Data Serialize and Transmit Data Refactore the Code Using jquery Ajax Method Lab 6: Style Text and Block Elements using CSS3 Style the Navigation Bar Style the Page Header Style the About Page Lab 7: Refine Code for Maintainability and Extensibility Inherit From Objects Refactor Code to Use Objects Lab 8: Create Interactive Pages by Using HTML5 APIs Incorporate Video Incorporate Images Use the Geolocation API Lab 9: Add Offline Support to a Web Application Implement the Application Cache Implement Local Storage Lab 10: Implement an Adaptive User Interface Create a Print-Friendly Stylesheet Adapt Page Layout to Fit a Different Form Factor Lab 11: Create Advanced Graphics Create aninteractive Venue Map Using Scalable Vector Graphics Create a Speaker Badge Using a Canvas Element Lab 12: Animate User Interface Elements Apply Transitions to User Interface Elements Apply Key-Frame Animations Lab 13: Implement Real-Time Communications Using Web Sockets Receive Data from Web Socket Send Data to a Web Socket Send Multiple Types of Messages To or From a Web Socket Lab 14: Create a Web Worker Process Improve Responsiveness Using a Web Worker Provide User Feedback During a Long-Running Process

10 Bilginç IT Academy Telefon: Fax: E-posta: Adres: Huzur Mahallesi Fatih Caddesi No:67 Kat:4 4.Levent/İstanbul