مقالات برنامه نویسی سایت

وب دولوپر (Web Developer) یا توسعه‌دهنده وب، سایت و اپلیکیشن تحت وب را با کدنویسی می‌سازد و نگه می‌دارد. در این راهنما معنی دولوپر وب، انواع فرانت‌اند، بک‌اند و فول‌استک، مهارت‌ها، بازار کار و نقشه راه گام‌به‌گام ۱۴۰۵ را می‌خوانید.

انجمن برنامه نویسان تبریز از رویا تا واقعیت در دنیای کدنویسی داستان از جایی شروع شد که یک برنامه‌نویس جوان در تبریز، با شوق و امید فراوان، به دنبال جایگاهی برای رشد و یادگیری بود. او هر روز ساعت‌ها پشت میز کارش می‌نشست، کد می‌زد، خطاها را برطرف می‌کرد و در دنیای وسیع اینترنت به دنبال راهنمایی می‌گشت. اما یک چیزی کم بود؛ حس تعلق به یک جامعه، یک گروه همفکر که با آن‌ها بتواند چالش‌ها و موفقیت‌هایش را به اشتراک بگذارد. این داستان، قصه بسیاری از ماست. قصه برنامه‌نویسانی که در کلان‌شهرهایی مثل تهران، اصفهان یا شیراز هم شاید این تنهایی را تجربه کرده‌اند. اما ما در شرکت برنامه نویسان دانش برتر سهند، تصمیم گرفتیم این خلأ را پر کنیم. با بیش از 20 سال تجربه در این صنعت، می‌دانیم که یک برنامه‌نویس تنها، هرچقدر هم که بااستعداد باشد، سرعت رشدش از یک برنامه‌نویس متصل به یک جامعه حرفه‌ای بسیار کمتر است. ما انجمن برنامه‌نویسان تبریز را بنا نهادیم تا این تنهایی به یک قدرت جمعی تبدیل شود.

انگولار بهتر است یا ری اکت؟ اگه شما تو حوزه طراحی و برنامه نویسی وب فعالیت داشته باشین، قطعا اسم تکنولوژی هایی مثل react و angular رو حداقل یه بار شنیدین. اگه سایت های مختلف در حوزه آگهی های استخدامی مثل جابینجا رو بررسی کرده باشین، قطعا دیدین که اکثر آگهی های استخدامی در حوزه برنامه نویسی مهارت تو یکی از تکنولوژی های react و angular رو از شما می خوان. آموزش ری اکت ( ReactJs) اما خیلی از دوستانی که وارد این حوزه میشن و اسم همچین تکنولوژی هایی به گوششون میخوره، تو انتخاب یکی از این دو سردرگم میشن و نمیدونن کدوم رو انتخاب کنن. واسه همین ممکن هست دنبال مشورت با افراد مختلف برن.

React ssr چیست این صفحات وب را برای رسانه های اجتماعی ، نه فقط موتورهای جستجو، بهینه می کند. هنگامی که شخصی صفحه شما را در فیس بوک یا توییتر به اشتراک می گذارد، پست شامل پیش نمایشی از صفحه می شود. دارای تعدادی از مزایای عملکردی است که UX وب سایت شما را بهبود می بخشد. صفحات SSR زمان بارگذاری بسیار سریع‌تری دارند و اولین رنگ محتوای سریع‌تری دارند زیرا محتوا زودتر در مرورگر در دسترس است. این بدان معناست که کاربر شما زمان کمتری برای نگاه کردن به صفحه بارگیری دارد. جاوا اسکریپت دارای منابع سنگین و کد فشرده است. دانلود آن بر روی یک مرورگر با استفاده از CSR کمک قابل توجهی به وزن صفحه می کند. یک فایل جاوا اسکریپت به طور متوسط ​​حدود ۱ مگابایت است، در حالی که بهترین روش توسعه وب توصیه می کند کل صفحه را کمتر از ۵ مگابایت نگه دارید.

PWA مخفف Progressive Web App یا وب اپلیکیشن پیشرونده است: سایتی که مثل اپلیکیشن نصب می‌شود، بدون اینترنت کار می‌کند و اعلان می‌فرستد. در این مقاله نحوه کار، تفاوت با اپلیکیشن نیتیو، محدودیت‌ها، مراحل ساخت و هزینه را می‌خوانید.

جاوا اسکریپت یک زبان اسکریپت‌­نویسی (یا برنامه­‌نویسی) است که برای افزودن ویژگی­‌های پیچیده (مانند انیمیشن­‌های 2 و 3 بعدی، نقشه­‌های واکنش­‌گرا و...) به وب­‌سایت از آن استفاده می­‌شود. برنامه‌­نویسان جاوا اسکریپت به منظور کدنویسی کم­‌تر و رسیدن به نتیجه مورد نظر در کوتاه‌­ترین زمان، از فریم‌­ورک‌­های این زبان مانند Vue ، React، Angular و... استفاده می­‌کنند. هر کدام از این فریم‌­ورک­‌ها شامل کتابخانه­‌های کوچک و بزرگ به همراه قواعد و دستورات خاص خود هستند و برنامه‌­نویسان برای انتخاب هر کدام از آن‌ها دلایل خود را دارند. شما نیز اگر در انتخاب کتابخانه­‌های جاوا اسکریپت برای یادگیری مردد هستید، ابتدا باید ویژگی­‌های هر کدام را به خوبی بشناسید. در مطالب قبلی درباره فریم‌ورک React Native صحبت کرده‌ایم و در ادامه این فریم‌ورک Vue js چیست؟ ویو یک فریم‌ورک متن باز زبان javascript است که از آن برای توسعه رابط کاربری استفاده می­‌شود. Vue.js برای اولین بار در دسامبر سال 2013 توسط Evan You، یکی از کارمندان سابق گوگل، به دنیا معرفی شد. ایوان که در شغل پیشین خود از فریم­ورک Angular js در توسعه برنامه‌­ها استفاده می‌کرد، تصمیم گرفت تا فریم‌ورکی برای استفاده در پروژه‌­های خود خلق کند که به اندازه Angular قدرتمند و در عین حال سبک‌وزن و انعطاف‌پذیر باشد. شما می­‌توانید از Vue.js در ساخت اپلیکیشن­‌های تحت وب تک صفحه‌ای یا حتی وب‌سایت­‌هایی در مقیاس بزرگ با ساختارهای مختلف استفاده کنید. همچنین می‌­توانید کامپوننت‌­هایی ایجاد کرده و در سایر بخش‌های پروژه یا حتی پروژه­‌های دیگر از آن استفاده کنید. چه ویژگی­‌هایی Vue.js را منحصر به فرد کرده است؟ با توجه به پیشرفت سریع تکنولوژی­ و زبان‌های برنامه‌­نویسی، برای یادگیری توسعه رابط کاربری گزینه­‌های زیادی پیش روی شماست که هر کدام ویژگی‌­های منحصر به فرد خود را دارند و شما باید با توجه به نیاز و هدفی که دارید مناسب‌­ترین آن­‌ها را انتخاب کنید. در ادامه به معرفی کامل ویژگی‌های Vue.js می­‌پردازیم: مستندات جامع و ساده هر چیزی که برای کدنویسی با فریم‌­ورک Vue.js به آن نیاز داشته باشید، از مباحث ساده و مقدماتی گرفته تا کدهای نمونه، سوالات، روش‌های خطایابی، API و غیره همگی در مستندات سایت Vue.js موجود است. برای دسترسی به مستندات و راهنمای ساده استفاده از Vue.js اینجا را کلیک کنید. یادگیری آسان افرادی که به جاوا اسکریپت تسلط دارند به راحتی و با صرف چند ساعت برای آموزش Vue.js، می­‌توانند یک پروژه متوسط تولید کنند که این موجب امیدواری و هیجان بیش­تر برای یادگیری می‌شود. در نتیجه Vue.js بهترین انتخاب برای برنامه‌نویسانی با تجربه جاوا اسکریپت و حتی برنامه­‌نویسان کم تجربه است. جامعه محور بودن JS ممکن است برخی برنامه­‌نویسان Vue را انتخاب مناسبی ندانند زیرا این فریم‌ورک توسط شرکت‌­های بزرگی مانند Google که از Angular پشتیبانی می‌کند و همچنین Facebook که ارائه دهنده React Native است، پشتیبانی نمی‌شود. اما استفاده زیاد از این فریم‌ورک توسط برنامه‌نویسان، داشتن انجمن­‌های پرسش و پاسخ فراوان و همچنین استفاده شرکت‌­های بزرگ از این فریم‌ورک، موجب علاقه مندی برنامه‌نویسان سراسر جهان به توسعه و رشد سریع آن شده است؛ به گونه‌­ای که بسیاری از برنامه‌­نویسان Vue را بر سایر فریم­ورک­های جاوا اسکریپت ترجیح می­دهند. ادغام آسان و انعطاف پذیری کدهای نوشته شده با فریم­ورک Vue قابل استفاده در هر پروژه­ دیگری هستند. بیش از 81% از توسعه‌دهندگان تاکید کرده‌اند که این ویژگی Vue، مهم­ترین دلیل آن­‌ها برای استفاده از این فریم­‌ورک است. همچنین Vue.js نسبت به React Native و Angular حجم کمتر و در عین حال سرعت بالاتری دارد. نسخه­‌های Vue.js از زمان معرفی این فریم‌ورک تا امروز همواره شاهد توسعه و به روزرسانی آن بوده‌­ایم. اولین نسخه ویو در سال 2013 و جدیدترین نسخه آن (2.6) در فوریه سال 2019 عرضه شده است. در نسخه 3 ویو که در سال 2020 منتشر خواهد شد، شاهد تغییرات گسترده‌ای مانند کم شدن حجم، افزایش سرعت و بازنویسی برخی دستورات خواهیم بود. فریم ورک جاوا اسکریپت کتابخانه‌های محبوب Vue js ویو نیز مانند بسیاری از فریم‌ورک‌های دیگر دارای کتابخانه‌های متعددی است که قابلیت‌های گوناگونی را در اختیار توسعه‌دهندگان قرار می‌دهند. Element UI : ابزاری برای توسعه UI اپلیکیشن‌­های تحت وب و دسکتاپ است. اگر تمایل به ساخت اپلیکیشن­‌های دسکتاپ با استفاده از فریم‌ورک Electron دارید، این کتابخانه را به شما توصیه می‌کنیم. IView : این کتابخانه ابزاری برای توسعه UI ویجت‌­ها و کامپوننت­‌ها است. با استفاده از این کتابخانه می‌­توانید کدهایی تمیز و قابل نگهداری داشته باشید. Vuetify : برای ساخت کامپوننت­‌هایی با قابلیت استفاده مجدد می‌توانید از کتابخانه Vuetify استفاده کنید. این کتابخانه از طراحی متریال گوگل بهره‌­مند بوده و با تمامی مرورگرهای مدرن از جمله Safari 9 و IE11 سازگار است. Mint UI : مینت یک کتابخانه رابط کاربری موبایل با کامپوننت‌­های Css و Js است. اگرچه این کتابخانه در کشور چین ساخته شده اما ترجمه انگلیسی مستندات آن نیز موجود است. سادگی و حجم بسیار کم این کتابخانه (حدودا 30kb) از علت‌­های محبوبیت آن است. کدام شرکت‌­ها از Vue js استفاده می‌­کنند؟ بسیاری از شرکت‌­های بزرگ که ممکن است شما هم آن­‌ها را بشناسید، از Vue در توسعه اپلیکشن‌­های تجاری خود استفاده می­‌کنند. Evan You سازنده این فریم‌­ورک اهل کشور چین است و بسیاری از کمپانی‌­های معتبر چینی مانند Alibaba Baidu Xiaomi و غیره Vue را برای توسعه انتخاب کرده‌اند. بسیاری از شرکت‌­های معتبر مانند ،GitLab، Adobe و com نیز از این فریم‌ورک در توسعه محصولات خود بهره می‌برند. Nasa نیز اخیرا آگهی‌­هایی برای استخدام توسعه‌­دهندگان مسلط به Vue منتشر کرده­ است. پیش نیازهای یادگیری Vue js از آنجا که ویو فریم‌ورکی برای توسعه رابط کاربری و برنامه‌نویسی تحت وب است، یادگیری Html5 و Css3 پیش از یادگیری آن ضروری است. ویو مبتنی بر جاوا اسکریپت است پس از این زبان محبوب نیز نباید غافل شد. علاوه بر این زبان‌ها آشنایی با مفاهیم برنامه‌نویسی شی گرایی (Objected-Oriented Programing) هم می‌تواند دید خوبی به شما بدهد گرچه ضروری نیست. اگر با این موارد آشنایی دارید یادگیری ویو برای شما بسیار آسان خواهد بود. آینده شغلی Vue js اینطور به نظر می­‌رسد که این فریم­‌ورک توانسته به سرعت جای خود را در دنیای توسعه دهندگان جاوا اسکریپت و فرانت-­اند باز کرده و با رقبای بزرگی مثل انگولار و React Native و غیره رقابت کند. اما موفقیت ویو به همین­جا ختم نمی‌شود و جای رشد و پیشرفت زیادی دارد. کمپانی‌ها نیز ترجیح می­‌دهند همواره از توسعه دهندگانی استفاده کنند که به فریم­ورک­‌های متن باز مدرنی مانند ویو تسلط دارند. شما نیز اگر به توسعه فرانت اند با فریم‌­ورک Vue علاقه­‌مند هستید فرصت را از دست ندهید و همین حالا آموزش حرفه ای فریم ورک VueJS 2.0 را شروع کنید. جمع‌بندی در این مطلب به معرفی فریم‌ورک Vue.JS و ویژگی‌های آن پرداختیم. اگر با برنامه‌نویسی وب و جاوا اسکریپت آشنایی دارید، ویو به خوبی می‌تواند مهارت شما را ارتقا داده و کاربردی باشد. اگر قصد شروع یادگیری جاوا اسکریپت را دارید توصیه می‌کنیم از این فریم‌ورک غافل نشوید.

Core Web Vitals یا هسته حیاتی گوگل چیست؟ در اوایل سال 2021 بود که یکی از گزینه های قبلی در ابزار سرچ کنسول گوگل حذف شد و به جای آن گزینه جدیدی به اسم Core Web Vitals ظاهر شد. این موضوع باعث ایجاد سروصداهای زیاد در مورد تغییر الگوریتم های گوگل شد. البته قبلا هم گوگل خبرهایی در سایت خودش در مورد این موضوع منتشر کرده و گفته بود که قرار است معیارهای تجربه کاربری، بیشتر از قبل در سئو سایت ها تاثیرگذار باشد. اما خب ایجاد یک گزینه مخصوص مرتبط با آن در سرچ کنسول، عملا سئوکاران را گوش به زنگ کرد. در هر حال، در این مقاله میخواهم هر چیزی که باید در مورد Core Web Vitals یا همان هسته های حیاتی گوگل بدانید را به شما توضیح بدهم. با من همراه باشید.

در این مطلب با مقاله Ruby چیست؟ بررسی زبان برنامه نویسی روبی و منابع آموزشی از وب سایت آموزش برنامه نویسی سورس باران در خدمت شما هستیم. در این مقاله به معرفی زبان برنامه نویسی Ruby ،مشخصات، کاربردها، مزایا و معایب روبی خواهیم پرداخت. و در انتها برخی از منابع آموزش روبی را به شما عزیزان معرفی می کنیم. لطفا با ما همراه باشید… Ruby چیست؟ Ruby یا روبی یکی دیگر از زبانهای برنامه نویسی انعطاف پذیر و شی گرا می باشد .زبان روبی رسماً در روز ۲۴ فوریه ۱۹۹۳ (۵ اسفند ۱۳۷۱) توسط یوکیهیرو ماتسوموتو معرفی شد. او دنبال ساخت زبانی بود که امکانات متعادلی برای برنامه‌ نویسی تابعی و برنامه‌ نویسی دستوری برای برنامه‌ نویس فراهم آورد. ماتسوموتو درباره انگیزه‌اش برای ساخت روبی می‌گوید: «در جستجوی زبانی بودم که از پایتون شیءگراتر و از پرل قدرتمندتر باشد. برای همین تصمیم گرفتم خودم آن را بسازم». روبی ویژگی‌های نگارشی پرل و شی‌گرایی اسمال‌ تاک را با هم در خود دارد. زبان روبی در سال‌های میانی دهه ۱۹۹۰ توسط یوکیهیرو ماتسوموتو در ژاپن اختراع شد. ویژگی‌های گوناگون زبان‌های پرل، لیسپ، اسمال‌تاک و آیفل الهام‌ بخش ماتسوموتو در ساخت روبی بودند. زبان روبی پارادایم‌های گوناگون برنامه‌ نویسی از جمله برنامه‌ نویسی تابعی، شیء گرا و بازتابی را پشتیبانی می‌کند، دارای گزاره‌ها و متغیرهای پویا و مدیریت حافظه خودکار است. نسخه فعلی این زبان Ruby 1.9.1 است که به زبان سی و بصورت زبانی با مفسر تک‌گذره پیاده‌سازی شده است. تا سال ۲۰۱۰، گونه‌های مختلفی از زبان روبی توسعه یافته‌اند که از میان آنها می‌توان به جی‌روبی، روبینوس، مک‌روبی، آیرن‌روبی و هات‌روبی اشاره کرد

AngularJs هم یکی دیگر از فریم‌ورک‌های زبان جاوا اسکریپت است که مزایا و معایب مخصوص به خود را دارد. در این درس به سوال AngularJs چیست؟ پاسخ می‌دهیم و سپس سری به دستورات این فریمورک می‌زنیم. AngularJs چیست؟ AngularJs یک فریم‌ورک متن باز و رایگان بر پایه‌ی جاوا اسکریپت است. پروژه‌ی آنگولار جی اس، از سال ۲۰۰۹ توسط شخصی به نام میسکو هوری (Hevery) آغاز شد و اکنون توسط گوگل توسعه داده می‌شود. این فریم ‌ورک برای ایجاد وب‌سایت‌های تک صفحه‌ای (SPA) بسیار مناسب است. پیاده سازی ساختار MVC درآن باعث می‌شود کدهایی با ساختار بهتر و تست پذیرتر داشته باشید. دستورات این فریم‌ورک با هدف افزودن امکاناتی به HTML‌ ایجاد شده و باعث می‌شود آن را از استاتیک بودن خارج کرده و به داینامیک تبدیل کند. در این مقاله از Adminesite به بررسی مزایا و معایب این فریم ورک محبوب می‌پردازیم.

React JS؛ کتابخانه محبوب جاوا اسکریپت برای طراحی UI React JS یکی از سریع‌ترین و محبوب‌ترین کتابخانه‌ها (Library) جاوا اسکریپت است که توسط فیسبوک اینستاگرام و یک جامعه مستقل از توسعه دهندگان وب مدیریت و نگهداری می‌شود. React یک Libarary متن باز و البته رایگان جاوا اسکریپت برای طراحی رابط کاربری است. این کتابخانه جاوا اسکریپت در ماه مه سال ۲۰۱۳ به صورت عمومی منتشر شد. جالب است بدانید که این فریم ورک در ابتدا توسط یکی از مهندسین فعال در فیسبوک به وجود آمد. آقای «جردن واک» در سال ۲۰۱۱ این فریم ورک را تحت تاثیر XHP که یک کامپوننت HTML برای زبان برنامه نویسی PHP‌ است، ایجاد کرد. در همین سال React روی قسمت News Feed شبکه اجتماعی فیسبوک به کار گرفته شد و ۲ سال بعد، یعنی در سال ۲۰۱۳ هم استفاده از آن توسط فیسبوک به اینستاگرام تعمیم پیدا کرد.