פיתוח תוכנה

Responsive Web Design

מספר הקורס 42586

למה ללמוד בג'ון ברייס?
  • למידה חדשנית ודינמית עם כלים מתקדמים בשילוב סימולציות, תרגול וסביבות מעבדה
  • מגוון הכשרות טכנולוגיות עם תכנים המותאמים להתפתחות הטכנולוגית ולביקוש בתעשיית ההייטק
  • מובילים את תחום ההכשרות לעולם ההייטק והטכנולוגיה כבר 30 שנה, עם קהילה של עשרות אלפי בוגרים
  • אתם בוחרים איך ללמוד: פרונטאלית בכיתה, מרחוק ב- Live Class או בלמידה עצמית

המועדים הקרובים

קורס לקבוצות

הקורס נפתח במתכונת של קבוצה בלבד, בהתאמה אישית לארגונים.
לפרטים נוספים: Muzman@johnbryce.co.il

משך הקורס

שעות לימוד:

24

מספר מפגשים:

קורס בוקר:

3

מתכונת הקורס

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

Overview

On this course you will learn to create mobile first solutions and responsive pages that adapt to the user’s device. Learn how to build a cross browser framework for your websites working with current standards and practices. Engage in best practices to create minified, reusable and scalable solutions through good project management and CSS preprocessing and modularization using SASS.

On Completion, Delegates will be able to

Understand the use of responsive design

Design responsive websites for Web & Mobile

Get familiar with Foundation

Get familiar with SASS

Who Should Attend

Web Developers

Web Designers

תכנית הלימודים

Full Syllabus
PDF להורדה

Media Types and Queries

  • Creating documents for print and other media
  • Introducing CSS3 media queries
  • Starting on the road to multi-device websites

Mobile First Responsive Design

  • Understanding the Mobile First paradigm
  • Understanding mobile devices
  • Responsive navigation and design patterns
  • Understanding the basis of grid based design
  • Rethinking content design
  • Working with multiple devices and resolution

Rapid Prototyping using Foundation

  • Introduction to grid based systems
  • Evaluating the benefit of prototyping
  • Building prototypes

Building a Mobile First User Experience

  • Examining mobile user design patterns
  • Understanding how to deal with reduced screen estate
  • Build mobile ready navigation and pages

Working with Percentage Based Grids

  • Going responsive
  • Using percentages and grids to create structured pages
  • Scaling out

Introducing SASS

  • Nested Selectors
  • Parent References
  • Properties
  • Processing SASS
  • Examining Output
  • SASS Variables

Learning to be DRY

  • Using SASS to strip the unavoidable repetition from your CSS
  • Creating and Referencing SASS Variables
  • Variable scope

Mixins

  • Reusable SASS programing with Mixins
  • CSS Rules and Mixins
  • Mixin parameters

Modularization and Reuse

  • Using SASS Partials
  • Nested Imports
  • CSS Imports

Working with Compass

  • Installing COMPASS
  • Setting up a COMPASS project
  • Spriting with COMPASS

Cross Browser Strategies

  • Understanding legacy issues
  • Release & Maintenance
  • Management and versioning strategies
  • Improving your coding practices with LINT tools
  • Minimizing, optimizing and reducing header requests
Prerequisites
  • Good knowledge of HTML & CSS
  • Working with HTML5 & CSS3 Features
קורסים מקצועיים למתקדמים