این جمله را دانشجوها در کلاس‌های برنامه‌نویسی زیاد از من می‌شنوند: بعد از یادگیری دستور if ... else شما برنامه‌نویس به حساب می‌آیید و باید بتوانید هر مسأله‌ای در عالم را حل کنید (یک جمله مهم و پرتکرار دیگر از من: برنامه‌نویسی، کدنویسی نیست؛ بلکه «قدرت حل مسأله است»). بعد از آن مفهوم، به switch و حلقه‌ها و توابع و آرایه‌ها و... می‌رسیم. این مفاهیم هیچ چیزی به برنامه‌نویسی اضافه نمی‌کنند؛ بلکه فقط یک چیز کم می‌کنند: تکرار کد. بنابراین هر چه برنامه‌نویسی پیشرفت کرد، فقط یک چیز تغییر کرد: تکرار کمتر شد! همین و بس! نتیجه اینکه: هر چه سطح شما در برنامه‌نویسی بالاتر می‌رود باید تکرار کدهایتان کمتر و کمتر شود و کدهایتان کوتاه‌تر شود. حالا فعلاً بعد از ۲۰ سال برنامه‌نویسی، به این مرحله رسیدم: این ویدئو را ببینید: باور می‌کنید در این ویدئو در کل فرم‌هایی که می‌بینید و یعنی در کل پروژه، من فقط ... (ادامه)

سال‌ها بود که دنبال یک پخش‌کننده یا Player می‌گشتم که امکانات مد نظرم را داشته باشد؛ به خصوص مهم‌ترین امکان، امکان جلو و عقب زدن صدا به اندازه دلخواهم بود. تا اینکه بالاخره امکانات مرورگرها پیشرفت کرد و Moja را طراحی کردم که هر چه نیاز داشتم در آن در نظر گرفتم و همین دیروز هم امکان تکرار موسیقی را به آن اضافه کردم. اما یکی از سؤالات که همیشه در ذهنم بود این بود که چرا این امکان مهم در اکثر پخش‌کننده‌های خارجی وجود ندارد؟ تقریباً همه‌شان دو دکمه در دو طرف دکمه Play دارند اما برای رفتن به موسیقی بعدی است و نه جلو و عقب زدن صدا... تا اینکه چند روز پیش ناگهان جرقه زد و فهمیدم که جریان چیست! افرادی که این پخش‌کننده‌ها را طراحی می‌کنند، همگی فرهنگ غربی دارند. در فرهنگ غربی، همیشه در گوش و بک‌گراند کار و ... یک موسیقی در حال پخش است. آن‌ها مثل ما نیستند که مثلاً بخواهند دعا یا قرآن یا سخنرانی... (ادامه)

پس از قریب به ۲۰ سال شبانه‌روز کدنویسی کردن و مو سفید کردن در این وادی، ۱۵ تجربه مهم کسب کرده‌ام که گاهی با خودم می‌گویم اگر یک نفر بود این‌ها را با تأکید فراوان در همان ابتدا به من بگوید، الان به جای زجر کشیدن از ویرایش پروژه‌های قدیمی، از آن‌ها لذت می‌بردم. این نکات را در حین تدریس دوره‌های برنامه‌نویسی یک به یک به یاد آورده‌ام و یادداشت کرده‌ام و البته دانش‌جویان می‌دانند که چقدر در کلاس‌ها روی آن‌ها تأکید می‌کنم؛ هدیه به شما: ۱- از تکرار بپرهیزید؛ حتی یک خط کد این مهم‌ترین توصیه هر برنامه‌نویسی در طول تاریخ برنامه‌نویسی است. اصلاً نسل‌های مختلف برنامه‌نویسی و هر چقدر برنامه‌نویسی پیشرفت می‌کند فقط دارد «تکرار» کمتر می‌شود. این جمله را دانش‌جویان بارها از من می‌شنوند: اگر یک قطعه کد را دو بار تکرار کردید، حتماً یک راه برای جلوگیری از این تکرار وجود داشته که باید آن راه را یاد بگ... (ادامه)

در دوره‌های طراحی وب که برگزار می‌کنیم، همان ابتدا تأکید می‌کنیم که «دنیای آینده، دنیای اپلیکیشن‌های تحت وب یا Web App است».وب‌اپ‌ها که این روزها با نام PWA یا Progressive Web Application شناخته می‌شوند، در حقیقت همان سایت‌های مرسوم هستند با این تفاوت که یک آیکون مانند اپلیکیشن‌ها روی گوشی ایجاد می‌کنند و به صورت Full Screen اجرا می‌شوند به انضمام برخی امکانات دیگر...برای درک بهتر می‌توانید یکی از چهار وب‌اپ جدید ما را روی گوشی خود نصب کنید:ذکرا؛ وب‌اپ قرآن کریم: zekra.aftab.ccآلا؛ وب‌اپ مفاتیح الجنان: ala.aftab.ccدیکفا؛ وب‌اپ دیکشنری: dicfa.aftab.ccوب‌اپ برنامه هفتگی: schedule.aftab.ccپس از ورود با گوشی خواهید دید که پیشنهاد نصب اپلیکیشن را می‌دهد:تبدیل سایت به وب‌اپ نکاتی دارد که در یک ویدئوی نیم ساعته نکات آن را گفته‌ام و به عنوان نمونه، بخش Schedule سایت آفتابگردان را به وب‌اپ تبدیل کر... (ادامه)

در مطلب قبل درباره برخی اصطلاحات در دنیای طراحی وب توضیح دادم: توضیح چند اصطلاح در طراحی وب: Roadmap , Front-end, Back-end, Fullstack, DevOps یعنی چه؟ در اینکه در برنامه‌نویسی سمت کلاینت یا Front-end یا به عبارتی برنامه‌نویسی ایستا (Static) باید بر HTML و CSS و Javascript مسلط شوید شکی نیست چون مرورگرها فقط همین سه زبان را می‌شناسند. اما سؤال این است که: برای Back-end (یعنی سمت سرور) چه زبان برنامه‌نویسی را یاد بگیرم؟ برای Back-end یا همان طراحی پویا (Dynamic) فعلاً تا این لحظه این گزینه‌ها را پیش رو دارید: PHPASPJSPPython که افرادی که با بنده دوره‌های طراحی وب را پاس کرده‌اند می‌دانند که من همانطور که در مطلب «کدام زبان برنامه‌ نویسی را یاد بگیریم؟» هم توضیح داده‌ام، زبان PHP را پیشنهاد می‌داده‌ام. اما موضوع این... (ادامه)

در دنیای طراحی وب برخی اصطلاحات بیان می‌شود که بد نیست یک توضیح مختصر درباره آن‌ها داشته باشیم:Roadmap یا نقشه راه چیست؟به مسیری که باید طی کنید تا به تخصص در یک زمینه برسید در اصطلاح Road map گفته می‌شود.برای مثال برای اینکه در طراحی وب متخصص شوید، یک سه‌راهی پیش رو دارید؛ نقشه راه این است:Front-end (فرانت اِند) چیست؟ممکن است شما تصمیم بگیرید که برنامه‌نویس فرانت‌اند بشوید؛ یعنی به زبان‌هایی مسلط شوید که خروجی برنامه را به کاربر نهایی نمایش می‌دهد. سه زبان HTML و CSS و Javascript زبان‌های فرانت‌اند (طراحی بخش جلویی سایت) به حساب می‌آیند و در حقیقت همان چیزی است که با نام Client-side Programming Languages یا زبان‌های برنامه‌نویسی سمت کلاینت نیز شناخته می‌شود.نقشه راه شما در این مسیر به این صورت خواهد بود:Back-end (بک‌اِند) چیست؟منظور از برنامه‌نویسی بک‌اند، برنامه‌نویسی بخشی از سایت یا برن... (ادامه)

مدتی هست که یک پلاگ‌این جذاب برای سیستم‌های مشهور مانند وردپرس، دروپال و مودل عرضه شده و مورد استقبال شرکت‌های بزرگ مانند Mozilla نیز واقع شده که به نظر می‌رسد پلاگ‌این و ایده آینده‌داری باشد: H5P H5P مخفف HTML 5 Package است. یک پکیج که تقریباً تمام ابزارهای لازم برای ایجاد هر نوع محتوای تعاملی را فراهم می‌کند. فقط در این صفحه نگاهی به انواع امکانات H5P بیندازید: https://h5p.org/content-types-and-applications حتماً وارد شوید و Exampleها را مشاهده کنید... از شیر مرغ تا جان آدمیزاد را پشتیبانی می‌کند: - نمایش انواع چارت - انواع کوئیز و نظرسنجی - ویدئوی تعاملی - ابزارهای ضبط صدا و دیکته - انواع بازی و پازل و خلاصه هر آنچه که برای ایجاد یک محتوای زیبا و تعاملی نیاز دارید در این پکیج تعبیه شده. چگونه از H5P استفاده کنیم؟ دو راه دارید: ۱- H5P را روی سایت خودتان نصب کنید و محتو... (ادامه)