Eğitim Hakkında
Digital Vizyon Akademi'nin "Temel Seviye HTML5" Eğitimi;
Katılımcılara HTML5 'in en son sürümünü kullanarak etkileşimli web sayfalarının nasıl oluşturulacağını öğreteceğiz.
Neler Öğreneceksiniz
Temel Seviye HTML5 Eğitiminde aşağıdaki konu başlıklarını işleyeceğiz:
- Doğru syntaxları kullanarak biçimlendirilmiş HTML yazmayı,
- Bir web sayfasının temel yapısını anlamayı,
- Liste oluşturmayı,
- Resimleri birleştirmeyi,
- HTML5 öğelerini ve şablonlarını kullanmayı,
- HTML5 formları oluşturmayı,
- Ses ve videoyu birleştirmeyi,
- Canvas öğesini ve API'yi kullanmayı.
Eğitim İçeriği
Introduction
Front-end Web Development
- How does the web work?
- The terms: front-end and back-end
Introduction to HTML5
- HTML: The structure of the web page
- What is HTML5?
- Who is responsible for HTML5?
- Why should I be writing HTML5?
- When was HTML5 created?
- Where is the official HTML5 specification?
- When did HTML5 reach recommendation status?
- How do I contribute to the HTML5 specification?
- HTML5 summary
- Abbreviated Syntax Guide to writing HTML5
- How to code HTML elements
- How to code HTML attributes
- Guided Exercise: Writing HTML5 basic (boilerplate) code
- HTML5 best practices
- Using the Emmet plugin
Syntax
- Introduction to HTML5 Syntax
- HTML Elements: How to write HTML tags
- HTML syntax rules
- HTML void elements
- HTML page structure
- Browser rendering modes
- The Doctype
- The document root node
- The document head section
- Basic structure of a web page
- The family relationship between elements
- HTML page structure
Structure
- Introduction to the structure of HTML documents
- The HTML Content Models
- The Content Models
- Deprecated elements
- Elements with new meanings
- Deprecated attributes
- Character Entities
- The Head section
- Adding Metadata
- HTML5 structural and semantic elements
- HTML div and span elements
- The main element
- Overview of Lists
- Overview of HTML Links
- HTML Images
- Tables
- The Remaining HTML Elements
- Using HTML 5 templates
- Using the HTML5 Boilerplate and Mobile Boilerplate
Elements
- What are the new elements?
- How do I use the new elements?
- HTML5 new attributes
- Using the hidden attribute
Forms
- Introduction form elements and attributes
- Form input types
- Form attributes
- Form elements
- When do I use the new elements?
- The FormData object
Video and Audio
- Introduction to HTML5 media elements
- Audio and Video
HTML Canvas
- What are the new elements
- Why use the Canvas element and API?
Web Components
- What is a web component?
- Custom elements
- Shadow DOM
- HTML Templates
- The slot element
- Comparing HTML Web components with JavaScript frameworks
- Angular
- React
- Vue
- Understanding custom elements
- The Shadow DOM
- The custom element
- Creating a web component
- The web component code in HTML
- Where to write the HTML script element
- JavaScript modules
- Module Concepts
Diğer Eğitimler
Digital Vizyon
444 Eğitim Seti
