دسته: متفرقه
این توضیحاتی برای کتگوری متفرقه است.
12 تیر 1399
استایل دهی و ستون بندی holy grail layout چیست؟
holy grail layout یک الگوی چیدمان است که در وب بسیار متداول است. این شامل یک هدر ، یک ناحیه اصلی محتوای با پیمایش پهنای ثابت در سمت چپ ، محتوا در وسط و یک نوار کناری با عرض ثابت در سمت راست و سپس یک پاورقی است. مثل تصویر زیر: این در صورتی است …
Continue reading “استایل دهی و ستون بندی holy grail layout چیست؟”
10 تیر 1399
کدنویسی یک منو کاملا رسپانسیو با فلکس باکس
در این مقاله پرداخته میشود به کدنویسی بخش فرانت اند یک منوی ساب منو دار که رسپانسیو و واکنش گرا است و با استفاده از فلکس باکس ستون بندی میشود. بدون استفاده از فلکس باکس به این خوبی رسپانسیو نمیشد. میتوان کدهایش را حفظ کرد یا در ذهن مسیری را به خاطر سپرد تا دفعات …
Continue reading “کدنویسی یک منو کاملا رسپانسیو با فلکس باکس”
1 تیر 1399
چینش تگ های دیو در صفحه با لی اوت بوتسترپ bootstrap layout
با بوتسترپ لی اوت میتوان یک صفحه از وب را صفحه ارایی کرد. لی اوت یا همان layout صفحه – چینش قسمت های داخلی صفحه – با استفاده از بوتسترپ کاری ساده تر است. اینجا به چند کلاس از ان اشاره میشود که وقتی در تگ div از ان بهره میبریم باعث میشود با ستون …
Continue reading “چینش تگ های دیو در صفحه با لی اوت بوتسترپ bootstrap layout”
29 خرداد 1399
مدیریت داده ری اکت: React state و lifecycle
همانطور که میدانید مدیریت داده ری اکت یا همان state در React کاربردی است. از Redux و Mobx هم استفاده میکنند. خود ورژن 16 ری اکت هم از context رونمایی کرد تا مدیریت داده ها در state بهتر انجام گیرد. برخی توسعه دهندگان معتقدند با وجود context دیگر نیازی به Redux نیست. در این مقاله …
Continue reading “مدیریت داده ری اکت: React state و lifecycle”
28 خرداد 1399
چگونه کد های html را encode کنیم؟
بلاگ های برنامه نویسی را دیده اید؟ چگونه یک قطعه کد را در میان نوشته های پست خود قرار میدهند؟ من خودم در وردپرس از پلاگین SyntaxHighlighter Evolved بهره میبرم. اینها همگی از html encode استفاده میکنند. اینجاچالش جدیدی که اخیرا با آن مواجه شدم و یک روز تحقیق اینترنتی درباره اش انجام دادم را …
19 خرداد 1399
ساختن اپلیکیشن اندروید با html css
درود به شما! در این مقاله با ساختن اپلیکیشن اندروید با html css میتوانید اولین apk خود را با phoneGap خروجی بگیرید. همانطور که مستحضر هستید, apk پسوند فایل های اپلیکیشن است. مثلا اپلیکیشن دیجیکالا digikala.apk است که در موبایل خود نصب میکنید. البته چون کافه بازار یا گوگل پلی استور برای شما نصب را …
14 خرداد 1399
انیمیشن css3 با استفاده از transition
با css3 دو جور میشه انیمیشن ساخت. یکی transition و دیگری keyframe است. در مقاله قبل با keyframe این کار را انجام دادیم و حالا با transition در این مقاله اشنا میشویم! ابتدا کدهای زیر را به یک index.html کپی پیست کنید! سپس بروزر را باز کنید و موس را روی ناحیه سبز رنگ ببرید! …
5 خرداد 1399
دایره المعارف اصطلاحات برنامه نویسی – شماره 1
اصطلاحات برنامه نویسی بسیار استفاده میشود و در این سایت در میان مقالات آمده است. در این مقاله معانی آن شرح داده شده است. معرفی front-end و back-end فرانت اند همان کدهای html css js است که همراه sass و jQuery و React یا … مورد استفاده قرار میگیرد. بک اند به کدهای nodejs و …
Continue reading “دایره المعارف اصطلاحات برنامه نویسی – شماره 1”
2 خرداد 1399
کار با داشبورد وردپرس: قرار دادن تصویر favicon
سلام! در این مقاله کوتاه به چگونگی قرار دادن تصویر favicon وردپرس پرداخته میشود. کافیست با گوشی همراه خود یا با فتوشاپ یک فایل ابعاد مربع ایجاد کنید. شاید هم بجای ایجاد یک تصویر جدید, crop کردن یک عکس موجود را ترجیح دهید! ابعاد آن بسیار متفاوت است. نیاز نیست به این توجه کنید که …
Continue reading “کار با داشبورد وردپرس: قرار دادن تصویر favicon”
کار با داشبورد وردپرس: افزودن کلاس و افزودن css اضافی
در این مقاله کوتاه این دو کار را انجام میدهیم. 1- یک کلاس با نام دلخواه ایجاد میکنیم. 2- کلاس ایجاد شده را به widget اضافه میکنیم. همین دو گام در قسمت های ” افزودن css اضافی ” و “پیشرفته” انجام میشود. حالا ادامه را بخوانید تا با هم ببینیم این دو تا دقیقا کجا …
Continue reading “کار با داشبورد وردپرس: افزودن کلاس و افزودن css اضافی”
1 خرداد 1399
ری اکت رف React Ref میتواند یک المنت را سلکت کند!
با متد createRef میتوان این کار را انجام داد. این پاسخ کوتاه است. همانطور که میدانید در جاوااسکریپت با document.querySelector المنت های Real DOM را انتخاب میکنیم. این المنت ها در برگه html ما هستند. اما اگر html و js با هم jsx شوند, حالا چگونه یک المنت را در jsx بگیریم؟ کافیست از React.createRef …
Continue reading “ری اکت رف React Ref میتواند یک المنت را سلکت کند!”
31 اردیبهشت 1399
پوسته وردپرس: دستکاری کدهای پوسته twentyseventeen
آرزوی شادمانی! در این مقاله درباره پوسته های وردپرس عزیز میخوانیم! به پوسته, قالب هم میگوییم و به انگلیسی theme نوشته میشود. وردپرس پوسته های رایگان و پولی دارد. قالب های فارسی را میتوانید با قیمت های زیر یک میلیون تومان بخرید و با احتساب هزینه نصب و راه اندازی بیشتر از یک میلیون از …
Continue reading “پوسته وردپرس: دستکاری کدهای پوسته twentyseventeen”
نصب وردپرس روی لوکال هاست در ویندوز
به عنوان گام اول به سایت وردپرس به نشانی wordpress.org بروید و گزینه دانلود را انتخاب کنید. فایل zip دانلود شده را Extract کنید! پوشه را cut کنید تا به پوشه htdocs در آدرس C://xammp/htdocs بروید و آنجا paste کنید. میخواهیم نصب وردپرس انجام دهیم. روشن کردن سرورهای xammp کافیست به درایو C بروید و …
میزبانی هاست و معرفی انواع هاست
اولین بار در سال ۱۳۹۶ بود که میزبانی هاست خریدم. حدود پنجاه هزار تومان برای صد مگابایت شد. سال ۱۳۹۷ هم چندین بار میزبانی هاست خریدم و سایت هایی راه اندازی کردم. تجربه کار با آن را پیدا کردم. چند روز برای اینکه همین سایت juniorfrontend.ir را راه اندازی کنم نیز هاست خریدم. بنظر شما …
30 اردیبهشت 1399
لوکال هاست برای شبیه سازی وبسایت و پیش نمایش آن
برای شبیه سازی سایت قبل از اینکه آن را منتشر کنیم تا همه ببینند, در ویندوز نرم افزاری را نصب میکنیم تا نقش آن محیط را ایفا کند. این محیط شبیه سازی کننده میتواند یکی از نرم افزار های xammp یا نرم افزار wammp باشد. حالا این نرم افزارها, مکانی برای ذخیره کد ها بوجود …
Continue reading “لوکال هاست برای شبیه سازی وبسایت و پیش نمایش آن”
28 اردیبهشت 1399
اولین انیمیشن خود را با CSS3 بسازید!
سلام و ادب! در این مقاله پرداخته میشود به ویژگی های CSS3 که در رابطه با انیمیشن است. یک نمونه ابتدایی و بسیار ساده با هم کدنویسی میکنیم.
درباره نگارنده
شروین هستم. از علاقه مندان دنیای کامپیوتر! عقیده دارم کسی که یاد میدهد، بهتر یاد میگیرد. نیاز به راهنمایی دارید؟ طراحی سایت خودآموزی کنید؟ در قسمت ارتباط با ما پیام دهید!
دسته های دیگر
دریافت نقشه فرانت اند
داستان تصویری
آرشیو ماهانه