توسعه برنامه های Front-End مدرن وب بوسیله HTML, CSS, JavaScript

کد JavaScript مرورگر شما را به عنوان بار صفحه HTML خود اجرا می کند. افزودن JavaScript به کد شما می تواند تجربه کاربر صفحه وب را بهبود بخشد. این دوره اصول اولیه شروع را با JavaScript ، HTML و CSS و کد نحوی برای نوشتن کد JavaScript پوشش می دهد. JavaScript مجموعه ای از دستورالعمل ها است که می توانید به کد خود اضافه کنید تا به مرورگر اطلاع دهید که بعد از آن چه کاری انجام دهد. با استفاده از JavaScript ، می توانید به HTML DOM در مرورگر دسترسی پیدا کنید ، که به شما امکان می دهد محتوای صفحه وب را در تعامل و دستکاری کنید. JavaScript محتوای تعاملی و پویا را که امروزه در تمام صفحات اصلی وب مدرن دیده می شود ، ایجاد می کند.
بدانید که CSS چیست و چگونه می توانید صفحات وب خود را با ورق های سبک آبشار (CSS) سبک کنید. HTML ساختاری را برای صفحه وب شما فراهم می کند. CSS به شما امکان می دهد صفحه خود را سبک کنید. صفحه را با سبک خود طراحی کنید ، طرح بندی صفحه را تنظیم کنید ، رنگ ها ، قلم ها و موارد دیگر را اضافه کنید. صفحات وب خود را همانطور که می خواهید به نظر برسند ، مستقل از HTML ، ارائه دهید. شما می توانید محتوای وب خود را همانطور که تصور می کنید به نظر برسانید. یعنی ساختار منطقی یک صفحه و نحوه دسترسی به محتوای صفحه و دستکاری شده. > کلیه منابع و پرونده های کد در اینجا قرار داده شده است: https://github.com/packtpublishing/front-end-web-development-with-modern-html-css-and-javascript

عنوان اصلی : Front-End Web Development with Modern HTML, CSS, and JavaScript

سرفصل های دوره :

مقدمه ای بر طراحی و توسعه وب مدرن با HTML، CSS و جاوا اسکریپت:
ویدیو تبلیغاتی
مقدمه ای بر شروع دوره و کد HTML
شروع با طراحی وب: محیط وب خود را ایجاد کنید و کدنویسی را شروع کنید
نحوه ایجاد اولین صفحه HTML برای مبتدیان کدنویسی HTML
عنصر HTML چیست. چگونه HTML با نمونه های HTML کار می کند
با سرفصل های HTML تگ های رایج HTML شروع کنید
تگ های خود بسته HTML و نحوه کار آنها را ایجاد کنید
تنظیم ویژگی های عنصر در کد HTML
نحوه ایجاد پیوندها پیوندهای HTML پیوندهای HTML تگ لنگر
افزودن تصاویر به صفحات HTML
فهرست های HTML افزودن لیست های محتوا با لیست های HTML
جداول HTML چیست و چگونه از جداول برای ارائه محتوای خواندنی استفاده کنیم
HTML5 عناصر معنایی جدید معنی در نام تگ عنصر
چگونه یک صفحه وب ساده HTML ایجاد کنیم
HTML آنلاین ایجاد یک صفحه GitHub اولین صفحه وب خود را در GitPages ایجاد کنید
به صفحات وب خود با برگه های سبک آبشاری سبک دهید:
مقدمه ای بر شروع کار با CSS
افزودن استایل به HTML خود با کد CSS برای مبتدیان
نمای کلی استایلینگ با CSS یک ظاهر طراحی کنید
رنگ‌های پس‌زمینه و رنگ قلم با به‌روزرسانی CSS، رنگ‌های عنصر HTML
CSS Box Model چیست - Box Model Border Padding Margin
گزینه های متن با ویژگی های تنظیم کد CSS و مقدار برای تبدیل متن
افزودن فونت ها و سبک های قلم به عناصر صفحه وب خود با CSS
کلاس های شبه ایالت ها را پیوند می دهد که حالت های مختلف را با CSS تنظیم می کند
نحوه تنظیم ویژگی‌های نمایش برای عناصر صفحه، نمونه‌های کد استایلینگ CSS به صورت درون خطی
نمونه‌های چسبنده مطلق ثابت نسبی ثابت موقعیت CSS
CSS Float Setting Floats در CSS Setting Left Right و None Clearing Floats
خواص مفیدتر CSS مانند z-index، outline، overflow، max-width و بیشتر
CSS Combinators برای انتخاب عناصر از گزینه ها و نمونه های صفحه HTML شما
نمونه‌هایی از عناصر شبه CSS متداول اولین حرف اول خط اول بعد از افزودن محتوا
چگونه یک وب سایت ساده با سبک CSS ایجاد کنیم وب سایت CSS Float واکنش گرا
ایجاد یک وب سایت واکنش گرا با CSS Flexbox Setup نمونه سایت طراحی سه ستونی
چگونه یک وب سایت کاملاً واکنش گرا با CSS Grid طراحی وب مدرن CSS ایجاد کنیم
شروع با جاوا اسکریپت:
مقدمه ای بر کدنویسی جاوا اسکریپت تعاملی کردن صفحات
شروع با جاوا اسکریپت مقدمه ای بر کد جاوا اسکریپت با مثال
نحوه تنظیم راه اندازی طراحی وب محلی سرور زنده خود برای صفحات محلی HTTP
متغیرهای جاوا اسکریپت Let و Const و نحوه تخصیص مقادیر برای اعلام متغیرها
انواع داده های جاوا اسکریپت چیست و چگونه انواع داده ها را تنظیم کنیم انواع داده های پایه رشته ها
اشیاء و آرایه های جاوا اسکریپت برای ذخیره چندین مقدار در یک متغیر
نمونه هایی از اپراتورها در کد جاوا اسکریپت و نحوه کار اپراتورها
توابع جاوا اسکریپت چیست و چگونه آرگومان ها را به یک تابع منتقل کنیم و برگردانیم
شرایط جاوا اسکریپت اعمال منطق در کد در مثال جاوا اسکریپت
افزودن حلقه‌ها به کد جاوا اسکریپت با نمونه‌هایی از روش‌های حلقه
جاوا اسکریپت و مدل شی سند DOM (DOM):
معرفی جاوا اسکریپت DOM با مثال های کدنویسی
معرفی DOM و درخت DOM با جاوا اسکریپت
انتخاب عنصر از صفحات وب با نمونه کد جاوا اسکریپت
DOM دستکاری عنصر جاوا اسکریپت عناصر صفحه خود را با کد انتخاب و به روز کنید
نحوه تنظیم ویژگی های استایل با کد جاوا اسکریپت - به روز رسانی عناصر صفحه وب
DOM و عناصر فرم دریافت مقادیر از فیلدهای ورودی با کد جاوا اسکریپت
شنوندگان رویداد DOM Element صفحات وب تعاملی را با جاوا اسکریپت ایجاد می کنند
چگونه شنوندگان رویداد را با کد جاوا اسکریپت به عناصر صفحه وب خود اضافه کنید
تنظیم شنونده رویداد صفحه برای بارگیری محتوای DOM و رویدادهای کلیدی و کلیدی
چگونه عناصر صفحه را با کد جاوا اسکریپت ایجاد کنیم
به روز رسانی موقعیت عنصر و جابجایی عناصر صفحه با کد جاوا اسکریپت
چگونه با استفاده از JavaScript requestAnimation انیمیشن به عناصر صفحه وب خود اضافه کنید
چگونه یک وب سایت مدرن از ابتدا ایجاد کنیم - طراحی وب سایت واکنش گرا:
ویدیو تبلیغاتی - ایجاد یک وب سایت از ابتدا
وب سایت از ابتدا با شناورها
تنظیم و کد ویرایشگر
برچسب های ساختار HTML
یک صفحه HTML ایجاد کنید
از CSS برای طراحی یک NavBar پاسخگو برای وب سایت استفاده کنید
افزودن فونت های گوگل انتخابی از Web Fonts CSS Web Design
چگونه به محتوای صفحه وب اصلی استایل ایجاد کنیم
نحوه اضافه کردن ستون به پاورقی صفحه وب درس طراحی وب CSS
جاوا اسکریپت را برای توابع نوار ناوبری اضافه کنید