این دوره آموزش پروژه محور طراحی وبسایتهای ریسپانسیو و واکنش گرا است که توسط آکادمی تخصصی اسکریمبا منتشر شده است. طراحی و توسعه وبسایتهای واکنش گرا یک رویکرد بسیار کاربردی و شایع در توسعه اپلیکیشن های وب است که تقریباً تمامی وبسایتها از اصول آن پیروی می کنند. اصولا وب سایت واکنش گرا به وب سایتی گفته می شود که می تواند بسته به شرایط مختلف، ورودی های کاربر و اندازه صفحه نمایش سیستم رفتارهای خاصی از خود به روز داده و در هر شرایطی نیازهای کاربر را رفع کند. صفحه آرایی وب سایت های واکنش گرا امری نسبتا تخصصی است و باید تا حدودی به گرید و فلکس باکس در زبان برنامه نویسی CSS تسلط داشته باشید. صفحه آرایی وب اپلیکیشن های پیچیده و ایجاد عناصر تو در تو از جمله مهم ترین مباحث پوشش داده شده در این دوره آموزشی است. در دوره آموزشی Scrimba The Responsive Web Design Bootcamp با آموزش طراحی وب سایت های پاسخگو اشنا خواهید شد.
این دوره مجموعه آموزش طراحی و توسعه وب سایت ها و وب اپلیکیشن های واکنش گرا است که توسط آکادمی کورسرا منتشر شده است. در این مجموعه آموزشی با فرآیند طراحی رابط و تجربه کاربری (UI و UX) و اصول اولیه برنامه نویسی فول استک آشنا خواهید شد. وب سایت های ریسپانسیو و واکنش گرا به آن دسته از وب سایت هایی گفته می شوند که در همه دیوایس ها و صفحه نمایش ها عملکرد مشابهی از خود نشان داده و برحسب اندازه نمایشگر و نوع دستگاه رابط کاربری وب سایت تغییر کرده و خودش را با شرایط جدید منطبق می کند. در دنیای مدرن امروزی افراد از دیوایس های مختلفی مانند کامپیوتر، لپ تاپ، موبایل، تبلت و حتی تلویزیون برای دسترسی به وب سایت ها استفاده می کنند و توسعه وب سایت های واکنش گرا اهمیت بسیار بالایی دارد. در دوره آموزشی Coursera Responsive Website Development and Design Specialization با آموزش ساخت وب سایت های پاسخگو آشنا خواهید شد.
سایت واکنش گرا یا سایت ریسپانسیو (responsive) سایتی است که با ابعاد و رزولوشن دستگاههای مختلف سازگاری دارد و کاربران بدون توجه به اینکه صفحه نمایش دستگاهشان کوچک باشد (مثل اکثر گوشی های هوشمند موبایل) یا نمایشگری متوسط(مثل لپ تاپ و تبلت) و یا نمایشگرهای بزرگ (کامپیوترهای رومیزی و ال سی دی های بزرگ)داشته باشند، میتوانند به راحتی سایت را بررسی کنند و دیگر نیازی نیست اندازه صفحه را تغییر دهند که سایت به صورت کامل دیده شود. امروزه کاربران از نمایشگرهای مختلف در ابعاد بزرگ و کوچک برای دستیابی به صفحات اینترنت استفاده میکنند. بنابراین سایتی میتواند در فضای وب موفق باشد که بتواند به همه کاربران مراجعه کننده به سایت خدمات مناسب ارائه دهد و نمایش سایت به صورت کامل باشد. حدود 50 درصد از کاربران از موبایل و تبلت برای مشاهده سایت ها استفاده میکنند و در صورتی که قالب سایت شما نمایش درستی در موبایل و تبلت نداشته باشد کاربران بسیاری را از دست خواهید داد. زیرا این دسته از کاربران پس از ورود به سایت شما در صورتی که نتوانند مطالب سایت شما را به راحتی مطالعه نمایند ممکن است سایت شما را بلافاصله ترک کنند و وارد سایت دیگری شوند که به درستی در دستگاه آنان نمایش داده شود. با توجه به مورد مطرح شده وجود سایت ریسپانسیو(واکنش گرا) برای سایت ها امری لازم و ضروری است. در دوره آموزشی Udemy Build Complete Real World Responsive Websites from Scratch با آموزش کامل وب سایت های پاسخگو اشنا خواهید شد.
دنیای وب کلاینت، در اواخر سال 2015 دستخوش تغییرات بسیاری خواهد شد. از جهتی JavaScript با بروز رسانی موتور خود با نام و نسخهی javascript ecmascript 6 ظاهرا قصد دارد تا تغییرات شگرفی را در دنیای اسکریپتی آشفتهی کلاینت بدهد. به همین علت فریم ورکهای SPA یا single page app همانند AngularJs نیز با بهروز رسانی نسخهی جاوااسکریپت، ظاهرا مجبورند تا هستهی فریم ورکهای خود را یک آب و جاروی اساسی کنند. البته AngularJs در نسخههای 1.X مشکلاتی داشته است که در نسخهی 2.0 غالب آنها رفع خواهند شد. از طرفی این اتفاقات تنها شامل فریمورکهای مبتنی بر جاوااسکریپت نمیشود و Twitter نیز قصد دارد تا نسخهی جدید Bootstrap را ارائه کند. چند وقتی هست که وبسایت رسمی Bootstrap در بالای صفحهی اصلی خود پیغام Aww yeah, Bootstrap 4 is coming را مبنی بر آمدن نسخهی 4 منتشر کرده است. Bootstrap 4 در واقع یک اقدام بزرگ بود که پس از یک سال توسعه، بزرگی این اقدام در خط به خط کدها احساس میگردد. انتقال از Less به Sass، بهبود grid system مبتنی بر "rems"، تغییر panel و wells به cards، Reset Component جایگزینی برای normalize.css و... از جمله تغییرات عمده بوت استرپ 4 است. در دوره آموزشی Skillshare Responsive Web Design Essentials - HTML5 CSS3 Bootstrap با آموزش ساخت وب سایت های پاسخگو با اچ تی ام ال 5 و سی اس اس 3 اشنا خواهید شد.
دنیای وب کلاینت، در اواخر سال 2015 دستخوش تغییرات بسیاری خواهد شد. از جهتی JavaScript با بروز رسانی موتور خود با نام و نسخهی javascript ecmascript 6 ظاهرا قصد دارد تا تغییرات شگرفی را در دنیای اسکریپتی آشفتهی کلاینت بدهد. به همین علت فریم ورکهای SPA یا single page app همانند AngularJs نیز با بهروز رسانی نسخهی جاوااسکریپت، ظاهرا مجبورند تا هستهی فریم ورکهای خود را یک آب و جاروی اساسی کنند. البته AngularJs در نسخههای 1.X مشکلاتی داشته است که در نسخهی 2.0 غالب آنها رفع خواهند شد. از طرفی این اتفاقات تنها شامل فریمورکهای مبتنی بر جاوااسکریپت نمیشود و Twitter نیز قصد دارد تا نسخهی جدید Bootstrap را ارائه کند. چند وقتی هست که وبسایت رسمی Bootstrap در بالای صفحهی اصلی خود پیغام Aww yeah, Bootstrap 4 is coming را مبنی بر آمدن نسخهی 4 منتشر کرده است. Bootstrap 4 در واقع یک اقدام بزرگ بود که پس از یک سال توسعه، بزرگی این اقدام در خط به خط کدها احساس میگردد. انتقال از Less به Sass، بهبود grid system مبتنی بر "rems"، تغییر panel و wells به cards، Reset Component جایگزینی برای normalize.css و... از جمله تغییرات عمده بوت استرپ 4 است. در دوره آموزشی Udemy Build A Complete Responsive Website From Scratch In 3 Hours with HTML, CSS & Bootstrap 4 به آموزش ساخت کامل وب سایت های پاسخگو با اچ تی ام ال، سی اس اس و بوت استرپ 4 می پردازیم.
طراحی وب واکنشگرا (Responsive web design) یک روش طراحی وب است که هدف آن نمایش مطلوب صفحه در طیف گستردهای از دستگاهها از تلفنهای همراه تا نمایشگر کامپیوترهای رومیزی است. یک وبسایت طراحی شده به روش واکنشگرا با لایههای انعطافپذیر، طراحیهای شناور، تصاویر انعطافپذیر و مدیا کوئریهای CSS3 سازگار است. به عبارت دیگر وب سایت شما باید این قابلیت را داشته باشد که در یک گوشی با صفحه کوچک تا یک تلویزیون هوشمند با صفحه 60 اینچی قابل نمایش باشد. در این دوره آموزشی Udemy Learning Responsive Web Design - Complete Video Course شما با آموزش کامل طراحی وب سایت های پاسخگو آشنا می شوید.