כניסה

Front End

  • HTML בסיסי
  • תגיות בסיסיות ב-HTML
  • טפסים ב-HTML
  • קצת על HTML5
  • מבוא ל-CSS ושילוב בעמוד שלנו
  • CSS Selectors
  • CSS בסיסי
  • Media Queries
  • Flex Box
  • Grid
  • Bootstrap CSS
  • שלום JavaScript
  • משתנים ב-JavaScript
  • תנאים ב-JavaScript
  • Switch Statement
  • Ternary Operator
  • Loops
    • while
    • do While
    • for
  • Objects
  • for in Loop
  • Arrays
  • for of
  • Scope
  • Functions
  • Events + DOM
  • DOM Access
  • XML & JSON
  • Storages in JavaScript
    • Session Storage
    • Local Storage
    • Cookies
  • inline, anonymous, arrow functions
  • Array Callbacks
  • Exception Handling
  • Sync VS Async
  • Promise Object
  • async-await
  • Strict Mode & IIFE
  • AJAX
  • Complexity
  • שלום TypeScript
    • התקנות
    • פתיחת פרויקט ראשון
  • TypeScript Basics
    • Variables
    • Functions
  • OOP
    • OOP Basic
    • Inheritance
    • Polymorphism
  • שלום React
    • מבוא
    • התקנות
    • פרויקט ראשון
  • CSS Leaking
  • Layout
  • Interpolation
  • Conditional Rendering
  • Lists
  • Events Basics
  • Props
  • State, useState
  • React Hooks
  • useEffect
  • Routing
  • Ajax Requests
  • Route Parameter
  • useForm
  • Redux
  • Authorization & Authentication
  • תהליך הטמעת Auth מלא בפרויקט
  • Interceptors

Back End

  • Node.js
    • מבוא והגדרות
  • Modules
  • Global Object
  • Versioning System
  • Node.js + TypeScript
  • HTTP Protocol
  • Web Service
  • REST API
  • Layered REST API
  • Middleware
  • Error Handling
  • Auth
  • Upload Images
  • Server Images
  • Database
  • שלום MySQL
  • XAMPP
  • Relations
  • phpMyAdmin
  • MySQL Basics
  • Designer
    • Create Relations
  • Insert Data
  • MySQL Common Commands
  • Using MySQL with REST API
  • CORS
  • Project 1

Dev Ops

  • שלום Docker
  • Containers
  • Images
  • Start & Stop
  • Docker Layers
  • yaml
  • Docker Compose
  • Volumes
  • Error Handling
  • Hot Reloading
  • Anonymous volume
  • Packing Full System
  • Introduction to AWS
  • Setting up AWS Account and IAM
  • AWS EC2 (Elastic Compute Cloud)
  • AWS S3 (Simple Storage Service)
  • AWS RDS (Relational Database Service)
  • AWS Lambda
  • AWS API Gateway
  • AWS Elastic Beanstalk
  • AWS CloudFormation
  • AWS DevOps Tools

HTML5

במבט ראשון ב-HTML5  האלמנטים החדשים זוכים להבלטה ודורשים תשומת לב.

הדבר הראשון הינו:

				
					<!DOCTYPE html>

מגדיר למסמך שמדובר במסמך HTML.

אלמנטים חדשים שכדאי להכיר

  1. Header – אלמנט ההידר מכיל מידע מקדים אודות מדור או דף זה יכול להכיל כל דבר החל מכותרות, לוגו, תפריט וכו'.
  2. Nav – אלמנט ה-nav שמור עבור מדור במסמך אשר מכיל קישורים לדפים אחרים או קישורים למדורים אחרים באותו דף. לא כל קבוצות הקישורים חייבות להיות מוכלות בתוך ה-nav  אלא רק הניווט הראשי.
  3. Section – מייצג מדור כללי במסמך או ביישום. מתנהג בצורה דומה ל-div.
  4. Article – מייצג קטע מדף כגון – כתבה בבלוג, רשומה בפורום, תגובות משתמשים ועוד.
  5. Aside – מייצג תוכן הקשור לחלק הראשי של המסמך. בדרך כלל זה מתבטא בפאנל צדדי אשר מכיל אלמנטים כגון כתבות קשורות, ציטוטי מפתח וכו'.
  6. Footer – תחתית האתר לקרדיט וכו'.

כאשר תעיפו מבט על האלמנטים החדשים הללו, זה נראה כאילו הם פשוט באים להחליף את "ה- DIV עם ה- ID " המצוי שלנו; ובצורה מסוימת, זה נכון.

היתרונות שבשימוש במרכיבי המבנה הללו טמונים בעיקר בעובדה שהם מוגדרים בצורה טובה מאוד ומאפשרים פתרון מצוין ליצירת מבנה סמנטי למסמך שלכם. עם זאת, כדאי להשתמש באלמנטים הללו תוך מחשבה זהירה משום שניתן, בקלות להשתמש בהם יתר על המידה.

הישארו מעודכנים

הירשמו לקבלת תוכן איכותי

מעוניין/ת לשמוע עוד באופן פרטי? נשמח לעזור !

השאירו פרטים בתיבה ונחזור אליכם בהקדם!