در دنیای CSS، انتخابگرها کلیدی هستند. آنها به توسعه دهندگان این امکان را می دهند که محتوای خاصی را که می خواهند سبک کنند را هدف قرار دهند. با یادگیری اصول اولیه نحوه کار با انتخابگرها، می توانید CSS کارآمدتری بنویسید که نگهداری آن آسان تر است. در این دوره - اولین قسمت از یک سری دو قسمتی در انتخابگرهای CSS - نحوه کار با انتخابگرهای CSS را به عنوان یک توسعه دهنده React بیاموزید. مربی اریک گرین نحوه استفاده از انتخابگرهای جهانی، انتخابگرهای ویژگی و انتخابگرهای شبه کلاس را نشان می دهد. برای جمع بندی، اریک نحوه استفاده از انتخابگرها در جاوا اسکریپت را توضیح می دهد.rnrn ما خوشحالیم که میزبان این آموزش در کتابخانه خود هستیم.

به تقویت مجموعه مهارت های CSS خود ادامه دهید. در این دوره - دومین دوره از مجموعه دو دوره در مورد انتخابگرهای CSS - مدرس Eric Greene به توسعه دهندگان React در مورد امکانات پیشرفته تر انتخابگر CSS، از جمله ترکیبگرهای انتخابگر، انتخابگرهای شبه عنصر و موارد دیگر آموزش می دهد. اریک نحوه استفاده از انتخابگرهای سفارشی را بررسی می کند و ویژگی های آبشاری و انتخابگر را بررسی می کند. به‌علاوه، او برخی از بهترین شیوه‌های کار با انتخاب‌کنندگان را بررسی می‌کند.rnrn ما خوشحالیم که میزبان این آموزش در کتابخانه خود هستیم.

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

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

به دنبال ارتقای مهارت های طراحی وب سایت واکنش گرا به سطح بعدی هستید؟ با نحوه ایجاد منوهای جمع شونده و افزودن گرافیک های برداری مقیاس پذیر (SVG) به طرح بندی های خود آشنا شوید. کریس کانورس تکنیک های پیشرفته ای را برای استایل دادن به منوها و گرافیک های موبایل با HTML، CSS، جاوا اسکریپت و جی کوئری به اشتراک می گذارد. این ویدیوها آموزش‌های عملی و ابتدایی را برای ساخت صفحات وب کارآمدتر و انعطاف‌پذیرتر ارائه می‌دهند که می‌توانند با اندازه‌ها و جهت‌گیری‌های مختلف صفحه نمایش سازگار شوند.

ساخت و طراحی سایت های وردپرس با معرفی Gutenberg، ویرایشگر بلاک، به شدت تغییر کرده است. تم های جدید و قدیمی وردپرس را می توان به روز کرد و با ویرایشگر بلوک ادغام کرد تا تجربیات کاربری منحصر به فرد و سفارشی شده را برای سازندگان محتوا و بازدیدکنندگان ایجاد کند. این دوره نحوه افزودن پشتیبانی از ویرایشگر بلوک به تم ها و سفارشی کردن سبک های جدید بلوک را به روشی ایمن نشان می دهد. به Morten Rand-Hendriksen بپیوندید تا نحوه اضافه کردن پشتیبانی و استایل برای تراز گسترده، رنگ‌ها و فونت‌های خاص تم و ویژگی‌هایی مانند جاسازی واکنش‌گرا را نشان دهد. به علاوه، یاد بگیرید که چگونه استایل های بلوک را با CSS گسترش دهید و تغییرات سبک را به عناصر بلوک جداگانه اضافه کنید.

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

بوت استرپ محبوب ترین فریم ورک برای ساخت وب سایت های واکنش گرا و مبتنی بر موبایل است. وقتی آن را با Sass ترکیب می کنید، قدرت های فوق العاده CSS و سطحی از سفارشی سازی را دریافت می کنید که بوت استرپ را حتی قدرتمندتر می کند. این دوره به بررسی تفاوت های بین Bootstrap معمولی و نسخه جدید Sass-drive، Bootstrap 4 می پردازد و نحوه استفاده از ویژگی های Sass-enabled برای ساخت سایت های سفارشی تر را نشان می دهد. مربی Ray Villalobos نحوه نصب کتابخانه ها برای افزودن فونت ها، نمادها و انیمیشن های سفارشی را نشان می دهد. از متغیرهای Sass، نقشه‌ها و میکسین‌ها برای ایجاد طرح‌بندی سفارشی استفاده کنید. تغییر تنظیمات جهانی؛ و اجزای موجود را با CSS و Sass سفارشی کنید.

تست انتها به انتها یک استراتژی فوق العاده قدرتمند است. اساساً به شما امکان می‌دهد برنامه‌هایی بنویسید که به طور خودکار با برنامه‌های وب شما تعامل داشته باشند، مانند یک کاربر واقعی. در این دوره، Shaun Wassell - یک برنامه نویس مادام العمر و یک مربی توسعه Full-Stack - نگاهی جامع به تست انتها به انتها با استفاده از Cypress که یکی از محبوب ترین و قوی ترین ابزارهای تست سرتاسر موجود است، ارائه می دهد. نحوه نوشتن و اجرای تست‌های پایه را بیاموزید و سپس به سراغ بهترین روش‌ها برای انتخاب عنصر، نامگذاری و مدیریت نتایج فرمان بروید. ویژگی‌های پیشرفته Cypress مانند قلاب‌ها، متغیرهای محیطی و تست‌های دوبل را برای ایجاد تست‌های کارآمد و قابل نگهداری کاوش کنید. در پایان دوره، شما آماده خواهید بود تا در دنیای واقعی، تست انتها به انتها را بر روی هر برنامه وب انجام دهید.

توانایی خواندن داده ها و برقراری ارتباط اطلاعات به صورت ناهمزمان برای برنامه های کاربردی وب مدرن اساسی است. در این دوره، نویسنده Ray Villalobos نگاهی به ادغام AJAX (جاوا اسکریپت ناهمزمان و XML) با جاوا اسکریپت و jQuery می‌اندازد - ترکیبی که کار با داده‌های پویا را آسان می‌کند و تعداد درخواست‌ها به سرور را کاهش می‌دهد. این دوره ابتدا توضیح می دهد که AJAX چیست و نحوه بارگیری و بارگذاری مجدد صفحات با جاوا اسکریپت خالص، به روز رسانی DOM و خواندن و تجزیه داده ها در فرمت های XML و JSON را نشان می دهد. در مرحله بعد، نحوه خواندن و نوشتن اطلاعات بین سرور و کلاینت را با روش های AJAX در جی کوئری بیاموزید و یک برنامه جستجوی پویا بسازید که نتایج جستجو را در حین تایپ به روز می کند.

نشان‌گذاری شی جاوا اسکریپت (JSON) جایگزین XML به‌عنوان راه اصلی اشتراک‌گذاری داده‌ها شده است، به خصوص وقتی صحبت از جاوا اسکریپت می‌شود، زیرا تجزیه آن بسیار سریع‌تر، شیک‌تر و آسان‌تر است. در این دوره، به کار با ابزارهای JSON، طراحی اشیاء JSON و استفاده از روش‌های مختلف برای مدیریت داده‌های JSON بپردازید. نویسنده Ray Villalobos همچنین نحوه استفاده از AJAX و jQuery را برای تجزیه داده‌ها و فیدها نشان می‌دهد و جاوا اسکریپت و JSON را در یک برنامه کاربردی واقعی در دنیای واقعی نشان می‌دهد.

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

کد ناهمزمان اساس اکثر تجربیات مدرن وب است. این اجازه می دهد تا برنامه ها بین وظایف جابجا شوند و درخواست های متعدد را انجام دهند. با این حال، بدون درک کامل از برنامه نویسی ناهمزمان، توسعه دهندگان می توانند کدهای متورم را بنویسند که بر خلاف معماری وب عمل می کند. در این دوره آموزشی به Sasha Vodnik بپیوندید، که رویکردهای ناهمزمان برنامه نویسی جاوا اسکریپت را با استفاده از callbacks، وعده ها و عملگرهای async/wait در ES6 بررسی می کند. آنچه را که خط به خط در کد شما در حال انجام است بیاموزید، ساختارهای اساسی مانند اشیاء XMLHttpRequest (XHR) و setTimeout() را مجدداً مشاهده کنید و نحوه استفاده از گزینه های نحو جدید در جاوا اسکریپت را برای مقابله با هر چالش کدنویسی کشف کنید.

بستن - یک مفهوم اصلی برای توسعه دهندگان جاوا اسکریپت متوسط \u200b\u200bو پیشرفته - می تواند برای بسیاری از توسعه دهندگان چالش برانگیز باشد. در این دوره مختصر، ساشا وودنیک این مفهوم اساسی را توضیح می دهد و توضیح می دهد که بسته شدن چیست و چگونه از آنها در جاوا اسکریپت استفاده شود. ساشا از بلوک‌های سازنده بسته‌ها عبور می‌کند و مشخص می‌کند که در کد چگونه به نظر می‌رسند. او همچنین نحوه جلوگیری از بسته شدن ناخواسته، استفاده از ویژگی های جاوا اسکریپت به جای بسته شدن و پیاده سازی الگوی ماژول را به اشتراک می گذارد.

درباره انواع مختلف رویدادهای جاوا اسکریپت در دسترس برای استفاده در برنامه های خود بیاموزید، از جمله رویدادهای سنتی مانند رویدادهای ماوس، فرم و پنجره، به علاوه رویدادهایی که به شما امکان می دهند رویدادهای DOM و HTML5 را که با رسانه سروکار دارند، مدیریت کنید. نویسنده Ray Villalobos نحوه انتشار و ثبت رویدادها در مراحل ثبت و حباب، لغو یک رویداد یا رفتار پیش‌فرض، و پاسخ به کلیک‌ها، کلیک‌های راست، دنبال کردن ماوس و بارگذاری تصاویر را نشان می‌دهد. به‌علاوه، Ray یک پروژه jukebox صوتی را نمایش می‌دهد و یک بازی کشیدن و رها کردن که جاوا اسکریپت دسکتاپ و رویدادهای لمسی را در عمل نشان می‌دهد.

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

رویکرد جاوا اسکریپت برای برنامه نویسی شی گرا برای بسیاری از توسعه دهندگان بیگانه است. در حالی که نمونه های اولیه ابزارهای اصلی برای برنامه نویسی متوسط \u200b\u200bو پیشرفته هستند، حتی توسعه دهندگان با تجربه نیز ممکن است نحوه کار آنها را درک نکنند. این دوره نحوه نوشتن کد جاوا اسکریپت کارآمدتر با استفاده از زنجیره اولیه را توضیح می دهد. مفاهیم اساسی زیربنای نمونه های اولیه، مانند اشیاء واقعی و سازنده را بیاموزید، و کشف کنید که چگونه نمونه های اولیه می توانند استفاده از حافظه را کاهش دهند، سازماندهی کد را بهبود بخشند، و به شما کمک کنند با یک به روز رسانی، تغییرات را در سرتاسر سایت تغییر دهید. مربی Sasha Vodnik همچنین نحوه استفاده از کلاس های ES6 برای ساخت نمونه های اولیه با کد کمتر و ویژگی های بیشتر را توضیح می دهد.

طراحی واکنشگرا مستلزم آن است که وب سایت ها با دستگاهی که در آن نمایش داده می شوند سازگار شوند. طرح‌بندی واکنش‌گرا بسیار کلیدی است، و HTML و CSS اکنون ویژگی‌هایی را ارائه می‌کنند که ایجاد طرح‌بندی‌هایی را که در طیف وسیعی از دستگاه‌ها و اندازه‌های صفحه به خوبی کار می‌کنند، آسان‌تر از همیشه می‌کنند. در این دوره، Clarissa Peterson اصول طراحی طرح‌بندی وب‌سایت واکنش‌گرا با آخرین استانداردها از جمله CSS Flexbox و Grid را پوشش می‌دهد. اصول اولیه را مرور کنید، مانند کار کردن با ویژگی های موقعیت و شناور برای تنظیم مکان عناصر روی صفحه، و نحوه استفاده از پرس و جوهای رسانه ای برای به روز رسانی فعال طرح خود را بیابید. سپس وارد CSS Grid شوید، از جمله تراز کردن و سفارش دادن آیتم‌ها در شبکه، و پیدا کردن کار کردن با ظروف flexbox. در نهایت، یاد بگیرید که یک طرح 12 ستونی بسازید که Grid و Flexbox را در یک طرح ترکیب می کند.

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

جفت کردن یک فریم ورک فرانت‌اند محبوب با یک راه‌حل بک‌اند با ویژگی‌های کامل، گام بعدی طبیعی برای توسعه‌دهندگانی است که می‌خواهند «فول استک» کنند: ایجاد رابط‌های و کدی که به آنها قدرت می‌دهد. در این دوره، مدرس امانوئل هنری توضیح می دهد که چگونه می توان یک برنامه فول استک را با React و Spring راه اندازی کرد. او شما را از طریق یک پروژه نمونه کامل راهنمایی می کند: یک REST API با یک رابط مبتنی بر فرم. در طول مسیر، می توانید یاد بگیرید که چگونه پروژه را راه اندازی کنید، مدل های Spring را تعریف کنید، نقاط پایانی ایجاد کنید، و سپس یک رابط از اجزای React بسازید. پس از تکمیل آموزش، می‌توانید از تکنیک‌ها و فناوری‌های مشابه برای ساختن برنامه‌های JavaScript و Spring full-stack خود استفاده کنید.

با نحوه ساخت برنامه های وب با استفاده از JavaServer Faces (JSF) با Java Enterprise Edition (EE) آشنا شوید. JSF استانداردی برای ساخت رابط های کاربری سمت سرور است. این دوره را برای ساختن یک برنامه CRUD اولیه (ایجاد، خواندن، به روز رسانی، حذف)، با ایجاد کلاس ها، پیکربندی اجزای جلویی و انجام عملیات CRUD دنبال کنید. پیام‌ها، مدیریت رویداد و اعتبارسنجی فرم نیز پوشش داده شده‌اند. دوره با گذر از مدیریت جلسه و احراز هویت به پایان می رسد.