راهنمای مقدماتی برای ایجاد سایت‌هایی سریع‌تر

راهنمای سریع بهینه سازی سرعت سایت‌ها

۲۵٪ کاربرها اگر سایتی بیشتر از ۴ ثانیه طول بکشه تا لود بشه، اون رو می‌بندن!

از دست دادن یک چهارم کاربرهایی که به سختی جذب‌شون کردید، اصلا قابل قبول نیست. برای همین با استفاده از این راهنمای کوتاه می‌تونید با اصلی‌ترین عامل‌های افزایش سرعت باز شدن وبسایت آشنا بشید و همچنین برای راحتی کار، چک لیست (متنی و برد ترلو) بالا بردن سرعت لود سایت رو دریافت کنید.

مطالعه راهنمای مقدماتی افزایش سرعت وبسایت‌ها

با هویج کاشتن، سیستم گرید CSS رو تمرین کنید!

سایت Grid Garden توسط توماس پارک ساخته شده تا با بازی کردن سیستم گرید CSS رو به شما آموزش بده.

توی این بازی ۲۸ مرحله‌ای شما یک باغی به ابعاد ۵ در ۵ خونه دارید و باید به وسیله خصوصیات گرید بندی در CSS به اون‌ها آب بدید یا ازشون در مقابل بلایای طبیعی محافظت کنید.

این بازی راه جالبی برای یاد گرفتن CSS Grid و یا [اگر بلدید] برای مروری بر دانسته‌هاتونه.

هویج بکار

ساخت و اشتراک گذاری صفحات و با هدف آموزش

thimble

بنیاد موزیلا به تازگی از ابزاری جهت کد نویسی وب، تحت وب رونمایی کرده.

وب اپ Thimble به شما این امکان رو میده تا با استفاده از HTML، CSS و JavaScript با هدف یادگیری و آموزش، صفحات وب بسازید و همونجا منتشر کنید.

ورود به سایت Thimble

دسچینی از الهام بخش‌ترین طراحی‌های رابط کاربری در UI Temple

uitemple

بهترین و الهام‌بخش ترین طراحی سایت‌ها در این سایت جمع آوری شده اند.

می تونید در بخش خبرنامه‌شون هم عضو بشید تا هر روز یک سایت الهام‌بخش در حوزه طراحی وب بهتون معرفی کنه.

ورود به معبد رابط‌های کاربری

معرفی هفتگی مجموعه‌ای از ابزار جهت کمک به طراحان

sansfrancisco

در سایت سان‌فرانسیسکو، می‌تونید لیست کاملی از جدیدترین ابزارها برای طراحان رو مشاهده و کشف کنید.

این سایت شامل سه بخش ابزار، کتابخانه و شغل است.

ورود به سایت سان فرانسیسکو

به پروژه‌های بوت‌استرپی‌تون روح تازه از جنس متریال دیزاین بدید

material-kit

پروژه Material Kit بر اساس متریال دیزاین طراحی شده و روی بوت‌استرپ قرار میگیره. المان‌های خیلی زیادی از قبل برای استفاده در این کیت در نظر گرفته شده.

مشاهده پروژه د گیت‌هاب
یا مشاده دموی این پروژه

فریم‌ورکی برای ایجاد ایمیل‌های کاملا ریسپانسیو

mjml

طراحی ایمیلی که تو هر دستگاه و هر سرویس دهنده‌ای مثل آدم نمایش داده بشه کار خیلی دردناکیه، MJML (مثل HTML) اولین فریم‌ورکی هست که ادعا می‌کنه می‌تونید باهاش ایمیل‌های ریسپانسیو رو به راحتی بسازید.

تو سایت‌شون یه نگاهی به نمونه و قالب‌هاش بندازید و یا آنلاین آزمایشش کنید:

ورود به سایت فریم‌ورک ام جی ام ال!

بلیسک، مرورگر مختص طراحی وب

blisk

بلیسک یک مرورگر بر پایه پروژه کرومیومه، که کار طراحی وب رو راحت‌تر میکنه. گوشی و تبلت رو به روش بهتری شبیه سازی میکنه، اسکرول نمایش موبایل و دسکتاپ با هم سینک هستند، با تغییر در کد، به صورت خودکار صفحه رفرش میشه، توش ابزار دیباگ بهتری تعبیه شده، با تمام IDE، زبان و فریم‌ورک‌ها سازگاری داره و…

راحت‌تر وب را توسعه دهید

یادگیری توسعه وب با Free Code Camp

Free Code Camp

با اینکه منابع خیلی زیادی برای یادگیری برنامه نویسی وجود داره، اما باز هم یادگیریش به آسونی اون چیزی که فکر می‌کنیم نیست. خیلی از دوره‌ها خصوصا دوره‌های فیزیکی بهمون میگن تو یک دوره کوتاه مثلا یک ترم به شما فلان زبان رو یاد میدیم!

اما حقیقت اینه که یادگیری برنامه نویسی نیاز به زمان و تمرین بسیار داره و یادگیری تنها یک زبان نمی‌تونه کمکی کنه. در این بین سایت Free Code Camp خیلی خوب تونسته با توجه به مشکلاتی که گفتم برای دانش‌آموزهاش برنامه ریزی کنه. گذروندن این کمپ حدود ۱۴۰۰ ساعت زمان لازم داره.

به شما از سطح مقدماتی HTML5، بعدش CSS3 آموزش داده میشه. بعد میره سراغ JavaScript و Databaseها. کار کردن با Git و GitHub رو آموزش میده و در آخر کتابخونه‌های Node.js و React.js و D3.js رو بهتون یاد میده.

وقتی چهار فصل اول رو تموم کردید، این کمپ شما رو به یک سازمان غیر انتفاعی معرفی می‌کنه تا به رایگان براشون وبسایت بسازید! یعنی تجربه واقعی از کدنویسی و تولید یک محصول کاربردی؛ که پتانسیل رزومه شدن هم داره.

در کنار منابعی که خود سایت در اختیار شما می‌گذاره، تو کشورهای مختلف از جمله ایران انجمن‌های کاربری داره که وقتی به مشکل می‌خورید می‌تونید سوالتون رو بپرسید. گروه تلگرامی برای کاربران فری‌کدکمپ وجود داره که از اینجا زیر قابل دسترس است.

اگر علاقمند به یادگیری برنامه نویسی هستید، Free Code Camp جای خیلی خوبی برای شروعه.

عضو کمپ بشید