ایجاد یک ابزار محاسبه با AngularJS 1

مدرس Chris Converse

انتشار 2015/12/15

مدت زمان 1h 20m

سطح مبتدی

فایل تمرینی دارد

آموزش Creating a Calculation Tool with AngularJS 1

یاد بگیرید که یک ابزار وب مفید ایجاد کنید که نتایج را برای کاربران شما محاسبه و تبدیل می کند. در این پروژه، به بازدیدکنندگان صفحه وب کمک می‌کنید تا صرفه‌جویی در مصرف انرژی خود را از تغییر به لامپ‌های LED و CFL کارآمد محاسبه کنند. کریس کانورس در هر مرحله از فرآیند گام بر می دارد: ساخت صفحه اصلی HTML، ایجاد عناصر فرم، استایل دادن به طرح با CSS، و انجام محاسبات روی ورودی با استفاده از جاوا اسکریپت و عناصر اتصال داده AngularJS. کریس همچنین به شما کمک می کند که چیدمان را برای نمایش بهتر در صفحه نمایش های کوچک و دستگاه های تلفن همراه تنظیم کنید.rnrn

AngularJS Front-end Development Web Application Development

Introduction

Introduction to this course ()

About this course ()

About the exercise files ()

1. Preparing the Page Structure with HTML

Hook in CSS and AngularJS ()

Add the main HTML structure ()

Add the labels, wattage, and cost ()

Add the form elements ()

2. Creating the Layout with CSS

Style the light bulb sections ()

Add bulb graphics to sections ()

Style section text area ()

Add content with CSS pseudo-elements ()

Style the form area ()

Style the form text and elements ()

Adjust the main area for small screens ()

Adjust the form area for small screens ()

3. Programming the Calculator with JavaScript and AngularJS

Define the AngularJS application and controller ()

Set up the select options ()

Set default input values ()

Set variables for conversion values ()

Create a custom function in the controller ()

Calculate wattage usage for incandescent bulbs ()

Calculate wattage usage for remaining bulbs ()

Calculating the cost ()

Ex_Files_CalcTool_AngularJS.zip (61 KB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.