با این که بسیاری از افراد از رابط کاربری گرافیکی گیت‌هاب استفاده می‌کنند؛ اما افرادی نیز هستند که استفاده از CLI (رابط خط فرمان) را ترجیح می‌دهند. این همان جایی است که می‌توان از CLI گیت‌هاب استفاده کرد. CLI گیت‌هاب با hub شروع می‌شود. این CLI دستورهای بیشتری را ارائه می‌کند که می‌توان همراه با دستورهای Git مورد استفاده قرار داد. فهرست کامل ویژگی‌هایی که CLI ارائه می‌کند را می‌توانید در این آدرس (+) مشاهده کنید.

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

در واقع شما می‌توانید در گیت‌هاب نیز از ایموجی‌ها استفاده کنید. همه کاراکترهای ایموجی و کدهای آن‌ها را می‌توانید در صفحه تقلب نامه ایموجی (+) گیت‌هاب مشاهده کنید. ایموجی‌ها می‌توانند در فایل README.md ریپازیتوری، Wiki و در صفحه Issues اضافه شوند.

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

کلید T را بزنید تا فایل یاب فعال شود. با فشردن کلیدهای ↑ و ↓ می‌توانید در میان فایل به سمت بالا یا پایین حرکت کنید. همچنین با وارد کردن نام فایل می‌توانید فایل خاصی را که از قبل در ذهن دارید انتخاب کنید.

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

خوشبختانه روش‌های مختلفی برای کوتاه کردن URL ها وجود دارد که شامل Bit.ly و Goo.gl می‌شود؛ اما چرا از امکان خود گیت‌هاب درGit.io به این منظور استفاده نکنیم؟ Git.io لینک ریپازیتوری گیت‌هاب شما را کوتاه می‌کند. این ابزار همچنین یک رابط خط فرمان نیز دارد که می‌توان لینک را از طریق ترمینال و با استفاده از دستور gitio به آن ارسال کرد.

با این که احتمالاً بسیاری از ما ریپازیتوری‌های گیت‌هاب را از طریق اپلیکیشن GitHub مدیریت می‌کنیم؛ اما گیت‌هاب پلتفرم دیگری نیز ساخته است که آن را WebFlow می‌نامد. این پلتفرم امکان مدیریت ریپازیتوری‌ها از طریق رابط وب را در اختیار ما قرار داده است.

بدین ترتیب می‌توان فایل‌ها و پوشه‌هایی را مستقیماً روی گیت‌هاب ایجاد کرد. اگر در پایان هر فیلد ورودی یک / درج کنید یک پوشه جدید نیز درون آن ایجاد می‌شود. یا این که می‌توانید در انتهای نام یک پسوند فایل درج کنید و روی New File بزنید تا یک فایل جدید ایجاد شود.

Gist یکی از ابتدایی‌ترین امکانات گیت‌هاب است که امکان میزبانی قطعه کدهای مختلف را به کاربران می‌دهد. همچنین می‌توان در این پلتفرم در میان حجم عظیمی از کدها و زبان‌های مختلف جستجو کرد. استفاده از Gist کاملاً آسان و شهودی است. اما آیا می‌دانید که می‌توانید کدهای خود را مستقیماً از درون فایل‌ها ارسال کنید؟ به این منظور کافی است فایل‌ها را روی Gist بکشید و رها کنید تا کدهای درون فایل‌ها بی‌درنگ روی Gist کپی شوند. این روش سریع است و موجب صرفه‌جویی در زمان شما می‌شود.

این کتابخانه (+) با نزدیک به 10 هزار ستاره گیت‌هاب، مجموعه‌ای از آیکون‌های قابل سفارشی‌سازی برای React Native است که از NavBar/TabBar/ToolbarAndroid و منبع تصویر و سبک‌بندی کامل پشتیبانی می‌کند. جای شگفتی نیست که این کتابخانه بسیار مفید از سوی هزاران اپلیکیشن و همچنین کتابخانه‌های کامپوننت رابط کاربری دیگر (مانند react-native-paper) استفاده می‌شود. این کتابخانه مجموعه‌ آیکون‌های از قبل بسته‌بندی‌شده‌ای را به صورت آماده عرضه می‌کند و در این آدرس (+) می‌توانید مثال‌های کاملی از آیکون‌ها در کتابخانه مشاهده کنید.

Teaset (+) با 1300 ستاره، یک کتابخانه رابط کاربری برای React Native با بیش از 20 کامپوننت خالص جاوا اسکریپت (ES6) است که روی نمایش محتوا و کنترل اقدامات متمرکز شده است. مستندات آن کم است؛ اما سادگی و طراحی زیبای آن برای شما جالب خواهد بود.

این مجموعه (+) ابزار رابط کاربری و کتابخانه کامپوننت برای React native از سوی مجموعه Wix ساخته شده است که به طور آماده از react-native-animatable (+) و react-native-blur (+) نیز پشتیبانی می‌کند. این کتابخانه دارای مجموعه از پیش تعریف‌شده‌ای از preset-های استایل است (که به صورت mofidier ترجمه می‌شوند) و شامل رنگ، تایپوگرافی، سایه‌ها، شعاع حاشیه‌ها و موارد دیگر هستند.

React Native Paper با نزدیک به 1500 ستاره یک کتابخانه کامپوننت رابط کاربری چند پلتفرمی است که از اصول راهنمایی طراحی متریال پشتیبانی می‌کند و با پشتیبانی از قالب‌بندی سراسری (+) از افزونه babel-plugin برای کاهش اندازه بسته بهره گرفته است. در این اپلیکیشن نمونه Expo (+) می‌توانید ایده کلی استفاده از آن را به صورت اجمالی مشاهده کنید.

با این که آخرین نسخه NPM این کتابخانه (+) در دسامبر 2017 منتشر شده است اما این کتابخانه 4 هزار ستاره‌ای با مجموعه‌ای ابتدایی اما مفید از کامپوننت‌های UI و قالب‌ها که به پیاده‌سازی طراحی متریال گوگل می‌پردازد، همچنان ارزش اشاره کردن را دارند. دلیل این مسئله آن است که این کتابخانه، ساده، مفید و دارای کمترین نویز است. با این حال به دلیل نگهداری ضعیف، باید هنگام استفاده از آن مواظب باشید.

Nachos UI (+) یک کتابخانه کامپوننت 1500 ستاره‌ای React Native با بیش از 30 کامپوننت قابل سفارشی‌سازی است که به لطف react-native-web (+) روی وب نیز کار می‌کند. این کتابخانه با امکان تست با jest و پشتیبانی از prettier و yarn دارای طراحی جالبی است و یک نرم‌افزار مدیریت قالب سراسری نیز عرضه می‌کند.

این کتابخانه (+) با 2 هزار ستاره مجموعه‌ای از کامپوننت‌های رابط کاربری با قابلیت سفارشی‌سازی دارد که طراحی متریال گوگل را پیاده‌سازی می‌کنند. دقت کنید که این کتابخانه از یک شیء منفرد جاوا اسکریپت به نام uiTheme استفاده می‌کند که از طریق یک چارچوب به آن ارسال می‌شود تا بیشترین قابلیت سفارشی‌سازی را فراهم سازد. به طور پیش‌فرض این شیء UiTheme بر مبنای lightTheme عمل می‌کند که می‌توانید در این آدرس (+) مشاهده کنید. در این آدرس (+) نیز فهرستی از کامپوننت‌های کتابخانه با مثال‌های بصری عرضه شده است.

این کتابخانه (+) با 3 هزار ستاره گیت‌هاب یک کیت کامپوننت react-native با قابلیت‌های سفارشی‌سازی و استفاده مجدد بر مبنای مفهوم انتقال تعاریف سبک‌بندی به مکان‌های خاص ارائه کرده که موجب ایجاد قابلیت استفاده مجدد و سبک‌بندی به صورت توأمان شده است. قالب‌ها را می‌تواند به طرز نسبتاً آسانی به صورت درجا و با ارسال مجموعه‌ای از متغیرها تغییر داد. در اپلیکیشن نمونه Expo (+) می‌توانید این مفاهیم را مشاهده کنید.

Shoutem (+) با بیش از 3500 ستاره یک کیت رابط کاربری React Native است که از 3 بخش تشکیل یافته است: کامپوننت‌های رابط کاربری (+) قالب‌ها (+) و کامپوننت انیمیشن (+). این کتابخانه مجموعه‌ای از کامپوننت‌های چند پلتفرمی برای iOS و اندروید ارائه می‌کند و همه کامپوننت‌ها طوری ساخته شده‌اند که هم قابلیت ترکیب و هم سفارشی‌سازی داشته باشند. هر کامپوننت نیز دارای یک سبک از پیش ‌تعریف‌شده‌ای است که با باقی کامپوننت‌ها سازگاری دارد و امکان ساخت کامپوننت‌های پیچیده بدون تعریف دستی سبک‌های پیچیده را فراهم می‌سازد.

این کتابخانه (+) با بیش از 12 هزار ستاره یک کیت ابزار رابط کاربری چند پلتفرمی با قابلیت سفارشی‌سازی بالا است که به طور کامل با استفاده از جاوا اسکریپت ساخته شده است. توسعه‌دهندگان این کتابخانه بیان کرده‌اند که:

بدین ترتیب این کتابخانه هم برای توسعه‌دهندگان مبتدی و هم افراد کارکشته مناسب خواهد بود. برای نمونه می‌توانید از این اپلیکیشن نمونه Expo (+) استفاده کنید که همه کامپوننت‌ها را در عمل نشان می‌دهد.

NativeBase (+) با بیش از 10 هزار ستاره و هزار فورک در گیت‌هاب، یکی از کتابخانه‌های کامپوننت رابط کاربری است که محبوبیت بالایی کسب کرده است و ده‌ها کامپوننت چند پلتفرمی را برای React Native عرضه می‌کند. زمانی که از NativeBase استفاده می‌کنید، می‌توانید هر کتابخانه شخص ثالث native دیگر نیز به طور آماده بهره بگیرید و خود پروژه اکوسیستم بزرگی پیرامون خود ساخته است که شامل کیت‌های آغازین (+) و قالب‌های (+) قابل سفارشی‌سازی می‌شود. برای نمونه GeekyAnts/NativeBase (+) یک کیت آغازین زیبا است.

راه‌های زیادی برای بهبود یک ارائه پاورپوینت (PowerPoint) وجود دارد. اضافه کردن انیمیشن به آبجکت‌ها، شخصی‌سازی انیمیشن جابه‌جایی اسلاید‌ها و استفاده از تم‌های جذاب برخی از این موارد هستند. علاوه بر این موارد، امکان اضافه کردن فایل صوتی به ارائه‌های پاورپوینت نیز وجود دارد.

ما در زبان انسانی در اغلب موارد روی کلمات خاصی تأکید می‌کنیم تا معنای جمله را تغییر دهیم. همچنین در مواردی لازم می‌آید که برخی کلمه‌ها را به روشی مهم یا متفاوت علامت‌گذاری کنیم. HTML عناصر معناشناختی متفاوتی برای اعمال چنین مواردی در سازماندهی محتوای متنی ارائه می‌کند و در این بخش چند مورد از این عناصر را که رایج‌تر هستند، بررسی خواهیم کرد...

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

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

در HTML می‌توان لینک‌ها یا دکمه‌هایی ایجاد کرد که وقتی کلیک می‌شوند، به جای هدایت به یک منبع یا صفحه؛ یک پیام ایمیل را در خروجی باز کنند. این کار با استفاده از عنصر <a> و یک طرح URL به صورت :mailto ممکن است. این حالت، ابتدایی‌ترین و رایج‌ترین شکل این لینک‌ها است. لینک :mailto صرفاً لینک آدرس ایمیل گیرنده را مشخص می‌کند...

در این تمرین، می‌خواهیم برخی صفحه‌ها را با یک منوی ناوبری به هم پیوند دهیم تا یک وب‌سایت چندصفحه‌ای ایجاد کنیم. این یک روش رایج برای ایجاد یک وب‌سایت است، چون ساختار صفحه یکسانی در همه صفحه‌ها مورد استفاده قرار می‌گیرد که شامل منوی ناوبری یکسانی است و از این رو لینک‌هایی که کلیک می‌شوند این حس را ارائه می‌کنند که در یک صفحه قرار دارند و صرفاً محتوای متفاوتی ارائه می‌شود....

برای این که مقاصد URL-ها را به طور کامل درک کنیم باید ابتدا خود URL-ها و مسیرها را بشناسیم. در این بخش از نوشته، اطلاعاتی در این مورد ارائه کرده‌ایم.

 

یک URL یا «مکان‌یاب منبع یکنواخت» (Uniform Resource Locator) صرفاً یک رشته متنی است که مکان یک منبع را در وب مشخص می‌کند. برای نمونه صفحه اصلی وب‌سایت ابن حسام در آدرس http://ebnehesam.rozblog.com قرار دارد.

یک لینک معمولی با قرار دادن متن (یا محتوای دیگر) که می‌خواهیم به لینک تبدیل کنیم، درون عنصر <a> و ارائه خصوصیت href به دست می‌آید. خصوصیت href که در مواردی Hypertext Reference یا target نیز نامیده می‌شود، شامل آدرس وبی است که می‌خواهیم لینک ما به آن اشاره کند...

هایپرلینک یکی از هیجان‌انگیزترین ابداع‌هایی است که وب ارائه کرده است. با این که هایپرلینک از همان ابتدا یکی از ویژگی‌های وب بوده است؛ اما آن چه سبب شکل‌گیری وب مدرن به شکل امروزی شده است، هایپرلینک‌ها هستند، چون به ما امکان می‌دهند که سندهای خود را به سندهای دیگر پیوند دهیم...

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

HTML همچنین عنصر <time> را برای نشانه‌گذاری زمان و تاریخ در قالبی که از سوی ماشین قبل خواندن باشد ارائه کرده است. برای نمونه به صورت زیر:

دلیل مفید بودن کد فوق این است که انسان به روش‌های متفاوتی تاریخ را می‌نویسد. در واقع تاریخ فوق را می‌توان به همه صورت‌های زیر نوشت:

در برخی موارد لازم می‌آید که هنگام نشانه‌گذاری مواردی مانند تاریخ‌ها، فرمول‌های شیمیایی، و معادلات ریاضی از زیرنویس و بالانویس استفاده کنیم تا منظور ما به طور کامل انتقال یابد. عناصر <sup> و <sub> به ترتیب به این منظور استفاده می‌شوند. برای نمونه:

خروجی کد فوق به صورت زیر است:

My birthday is on the 25th of May 2001.

Caffeine’s chemical formula is C8H10N4O2.

If x2 is 9, x must equal 3 or -3.

چندین عنصر وجود دارند که برای نشانه‌گذاری کد با استفاده از HTML استفاده می‌شوند.

• <code> – برای نشانه‌گذاری بخش‌های معمولی کد رایانه استفاده می‌شود.
• <pre> – برای حفظ فاصله‌های خالی (عموماً در بلوک‌های کد) استفاده می‌شود. اگر از تورفتگی یا فاصله‌های زیاد در متن کد خود استفاده کرده باشید، مرورگرها آن‌ها را نادیده می‌گیرند و در صفحه رندر شده آن‌ها را نمی‌توانید ببینید. اما اگر متن را درون تگ‌های </pre><pre> قرار دهید، فاصله‌های خالی دقیقاً همان طور که در ویرایشگر متن مشاهده می‌کنید، در صفحه وب رندر خواهند شد...

HTML عنصری برای نشانه‌گذاری جزییات تماس نیز دارد که <address> است. این عنصر به سادگی پیرامون جزییات تماس شما قرار می‌گیرد. برای نمونه:

یک نکته که باید به خاطر داشته باشید این است که عنصر <address> به منظور نشانه‌گذاری جزییات تماس فردی که سند HTML را نوشته است طراحی شده و نه هر آدرس دیگری. بنابراین مطلب فوق در صورتی مناسب خواهد بود که Chris نویسنده سند نشانه‌گذاری باشد. دقت کنید که مواردی مانند زیر نیز مناسب هستند:

 

عنصر نسبتاً رایج دیگری که هنگام بررسی وب با آن برخورد می‌کنیم <abbr> است که برای نمایش اختصارها یا مترادف‌ها استفاده می‌شود و بسط کامل اصطلاحی را شامل می‌شود. به مثال‌های زیر توجه کنید:...

HTML ویژگی‌هایی نیز برای نشانه‌گذاری نقل‌قول‌ها دارد که در آن عناصری که استفاده می‌کنید به این نکته وابسته هستند که یک نقل‌قول بلوکی یا درون‌خطی می‌خواهید ایجاد کنید...

در مطلب قبلی مربوط به مبانی کار با روش نشانه‌گذاری متن با لیست‌های ابتدایی آشنا شدیم؛ اما به نوع سوم فهرست‌ها که در برخی موارد با آن مواجه می‌شدیم نپرداختیم. این نوع لیست در واقع لیست‌های توصیفی هستند. هدف از این لیست‌ها نشانه‌گذاری مجموعه‌ای از آیتم‌ها و توضیح مربوطه‌شان است به طوری که گویا اصطلاح و تعریف و یا سؤال و پاسخ هستند. در ادامه مثالی از یک مجموعه اصطلاح‌ها و تعاریف را ملاحظه می‌کنید:...

اگر Morph دو شیء با نوع یکسان و نام یکسان که با (!!) آغاز شده‌اند را روی دو اسلاید متوالی ببیند، در زمان عبور از اسلاید اول به دوم، یک شیء را به شیء دیگر تبدیل می‌کند. Morph شیئی را که نام آن دارای (!!) است، به شیئی که نام آن فاقد (!!) است تبدیل نمی‌کند. انتظار یک نگاشت 1:1 بین اشیا را دارد و از این رو بهترین نتیجه زمانی به دست می‌آید که از نام یکتایی با (!!) روی هر دو اسلاید استفاده شود.

در ادامه برخی موارد کاربرد گذار Morph را در موقعیت‌های مختلف توضیح داده‌ایم.

ایجاد حرکت و انیمیشن‌های تأکید

1. ابتدا یک اسلاید ایجاد کنید که شیء مورد نظر در حالت آغازین خود روی آن قرار داشت باشد.
2. اسلاید را Duplicate کنید و یا شیء را روی اسلاید دوم کپی کرده و بچسبانید.
   در ادامه می‌توانید از هر یک از مسیرهای زیر استفاده کنید:

    

   1. برای ایجاد یک انیمیشن Motion path باید شیء روی اسلاید دوم به موقعیت مقصد نهایی که می‌خواهید در انتهای انیمیشن برسد جابجا شود....

• می‌توان شکل‌های مختلف مانند دایره یا مربع را به همدیگر تبدیل کرد.
• می‌توان دو وهله از یک شیء را که متن‌های متفاوتی دارد به همدیگر تبدیل کرد.
• می‌توان دو تصویر را به همدیگر تبدیل کرد.
• می‌توان دو شیء با نوع یکسان مانند دو جدول، SmartArt یا نمودار را به همدیگر تبدیل کرد.
• می‌توان از نام‌های شیء بدون (!!) استفاده کرد و مطمئن بود که گذار Morph روی آن‌ها اعمال نخواهد شد.

1. در برگه Home در گروه Editing روی گزینه Select > Selection Pane کلیک کنید.
2. روی یک نام در فهرست کلیک کنید تا شیء مربوطه انتخاب شود. اگر مجدداً روی آن کلیک کنید می‌توانید آن را به حالت قابل ویرایش درآورید.
   بخش Selection در سمت راست باز می‌شود. این بخش فهرستی از همه اشیا را روی اسلاید جاری نمایش می‌دهد. اغلب نام‌های پیش‌فرض شامل یک واژه توصیفی کوتاه و یک عدد مانند Title1 هستند.
3. دکمه‌های Ctrl + A را بزنید تا کل نام انتخاب شود. با وارد کردن دو علامت تعجب (!!) و هر نامی که دوست دارید مانند ShapeForMorph!! می‌توانید یک نام تعیین کنید.
4. با زدن دکمه اینتر می‌توانید پیش‌نمایشی از نامی که وارد کرده‌اید را مشاهده کنید.

همان طور که اشاره کردیم پاورپوینت 2019 گزینه‌ای به نام گذار Morph ارائه کرده است که برای متحرک‌سازی اشیا در هنگام گذار به اسلایدهای مختلف کارایی دارد. گذار Morph باعث ایجاد انیمیشن، گذار و جابجایی نرم اشیا در هنگام ارائه فایل پاورپوینت می‌شود...

برای استفاده مؤثر از یک گذار Morph باید دو اسلاید با دست‌کم یک شیء مشترک داشته باشیم. ساده‌ترین روش برای این کار آن است که اسلاید را duplicate کنیم و سپس شیء را در اسلاید دوم به مکان دیگری انتقال دهیم، یا این که شیء را از اسلاید اول به اسلاید بعدی کپی کرد و بچسبانیم. سپس گذار Morph را روی اسلاید دوم اعمال می‌کنیم. بدین ترتیب می‌توانیم ببینیم که Morph به طور خودکار اقدم به انیمیت کردن شیء و جابجایی آن می‌کند. روش کار به صورت زیر است:...