در طول سال هاي گذشته فناوري هاي مختلفي به بازار عرضه شده است. چشم انداز طراحي وب سايت ها بسيار تغيير كرده است و به سمت طراحي سايت هاي بسيار ساده تر و فني تر پيش مي رود. در اين مقاله قصد داريم به بررسي 10 فناوري مدرن در طراحي وب سايت بپردازيم:
كامپوننت هاي وب
شما ممكن است اين اصطلاح را شنيده باشيد اما آيا واقعا به جزئيات توجه كرده ايد! كامپوننت هاي وب سبك جديدي از عناصر براي HTML5 هستند كه تحت حمايت كميته استاندارد W3C كار مي كنند. با استفاده از اين كامپوننت ها مي توانيد عناصر مورد نظر خود را براي قسمت هاي مختلف صفحات پويا وب سايتتان مانند ويدجت ها، اسلايدر ها و منو هاي كشويي سفارشي سازي كنيد. من فكر مي كنم همه توسعه دهندگان وب حداقل بايد خود را با اجزاي وب آشنا كنند تا بتوانند به خوبي از آن ها استفاده كنند، زيرا اين مشخصات به صورت كامل توسط W3C به تصويب رسيده است.
پليمر
وقتي كه شما با كامپوننت هاي وب آشنا باشيد ممكن است بخواهيد از يك كتابخانه مانند پليمر در پروژه هاي خود استفاده نماييد. اين پروژه توسط گوگل هدايت مي شود و يك تكنولوژي منبع باز براي طراحي سايتهاي استاندارد است. با استفاده از پليمر شما مي توانيد عناصر از پيش ساخته شده اي براي فيلم ها و ويدجت هاي Google Maps دريافت كنيد.
هدف پليمر مدولاسيون است. به همين دليل است كه شما حتي مي توانيد ويدجت هاي خود را بر اساس اي پي آي ها ايجاد كنيد. به اين ترتيب شما مي توانيد ويدجت هاي متعدد را به همان صفحه بدون نوشتن همان بلوك كد اضافه كنيد.
AMP
گوگل همواره در تلاش است تا تجربه كاربري بهتري را به وجود بياورد و كار با وب سايت ها را براي كاربران ساده تر نمايد. پروژه AMP به گوگل اجازه مي دهد هر صفحه وب را به يك قالب استاندارد در دستگاه هاي تلفن همراه تبديل كند كه صفحه خاصي را براي خواندن فرآهم مي كند. اگر سايت شما با AMP طراحي شده باشد شما فقط كمي كد را در صفحه خود اضافه مي كنيد و بقيه را به Google خواهيد سپرد.
اگر سايت شما با AMP بهينه سازي شده باشد، تصاوير و فيلم ها سريعتر بارگيري مي شوند و تجربه خواندن را ساده تر مي كند، بنابراين بيشتر شبيه يك برنامه بومي خواهد بود.
Gulp
با استفاده از Gulp مي توانيد بسياري از كار هاي آزار دهنده را به صورت خودكار انجام دهيد و تا بتوانيد بيشتر بر روي طراحي يك وب سايت عالي تمركز داشته باشيد. اين ابزار به شما كمك مي كند تا به راحتي كد هاي Sass خود را به css تبديل نماييد، از قالب هاي مورد علاقه خود استفاده كنيد و به صورت خودكار وب سايت خود را پس از انجام تغييرات در كدهاي آن مشاهده نماييد.
البته اين ها فقط قسمتي از كاركرد هاي اين فناوري است و براي كسب اطلاعات بيشتر مي توايند به مستندات مربوط به آن مراجعه نماييد.
TypeScript
AngularJS به تازگي TypeScript را به عنوان زبان برنامه نويسي مورد نظر خود به كار برده است. اين باعث مي شود كه TS بيشتر جذابيت داشته باشد ،زيرا مي تواند زمان نوشتن اسكريپت هاي اساسي براي وب و انگولار را كاهش دهد. TypeScript در واقع يك زبان جديد نيست، بلكه يك سوپرست از جاوا اسكريپت است. پس اگر شما قبلا با جاوا اسكريپت كار كرده باشيد مي توانيد به راحتي TS را هم ياد بگيريد. اين به شما در نحوه كار با اكما اسكريپت 6 هم كمك خواهد نمود. در واقع اگر شما دنبال مرحله بعدي جاوا اسكريپت هستيد، بايد به TypeScript بپردازيد.
Three.js
اگر از گرافيك هاي WebGL، دو بعدي و سه بعدي اطلاعاتي داشته باشيد بايد بيشتر درباره Three.js بدانيد. Three.js يك موتور قدرتمند مبتني بر JS است كه شما مي توانيد براي گرافيك وب سايت هاي خود استفاده كنيد. درست است كه وب سايت هاي بسيار كمي از گرافيك هاي دو بعدي و سه بعدي استفاده مي كنند اما اين يك ابزار بسيار خوب و در حال رشد در اين زمينه است.
Docker
با استفاده از پلتفرم Docker مي توانيد وب سايت هاي خود را به راحتي به سرورهاي مختلف انتقال دهيد. Docker يكي از چندين پلتفرم هايي است كه واقعا مي تواند كل چرخه توسعه شما را تغيير دهد. Docker يك تكنولوژي در حال رشد در صنعت آي تي است كه شما مي توانيد براي كسب اطلاعات بيشتر درباره آن به مستندات مربوط به آن مراجعه نماييد.
فريم ورك Ionic
هدف از طراحي اين فريم ورك كمك به توسعه دهندگان وب سايت است كه قصد دارند اپليكيشن هاي موبايل طراحي كنند تا بتوانند برنامه هاي بومي با تكنولوژي وب (HTML / CSS / JS) ايجاد كنند. Ionic يك فريم ورك اوپن سورس رايگان براي توسعه برنامه هاي تلفن همراه بومي براي دستگاه هاي iOS و اندرويد است. تاكنون Ionic حمايت هاي زيادي را از سوي جامعه وب دريافت كرده است و به نظر مي رسد آينده روشني را در پيش رو خواهد داشت.
كتابخانه Zurb
كتابخانه Zurb به واسطه بهره گيري از فريم ورك قدرتمند فانديشن طرفداران زيادي پيدا كرده است. اين ابزار در حال حاضر داراي اتوماسيون و قالب براي توسعه ايميل است. همچنين شما مي توانيد انيميشن ها زيبايي را با استفاده از ابزار وب آنلاين Zurb بسازيد. همه ابزار هاي اوپن سورس Zurb فوق العاده هستند و تيم آنها دائما در حال پيشرفت است.
Google Web Starter Kit
تيم گوگل پر از منابع مفيد براي توسعه دهندگان است و يكي از ابزارهاي شناخته شده آن Web Starter Kit است. اين يك ابزار خاص نيست، بلكه يك كتابخانه از منابع مفيد براي طراحي وب سايت هاي واكنش گرا، Sass / CSS، سرور هاي HTTP محلي و داراي قابليت سفارشي كردن كد ها است. web starter kit شامل تمام ابزار هايي است كه براي طراحي يك سايت عالي نياز داريد.
