پیشنهاد فرادرس

ساخت اتوماسیون JavaScript با Gulp.js

دسته بندی ها: آموزش طراحی وب ، آموزش جاوااسکریپت (Javascript) ، آموزش های پلورال سایت (Pluralsight) ، آموزش گالپ (Gulp.js)

ساخت-اتوماسیون-javascript-با-gulp-js

در این آموزش تصویری با نحوه ساخت اتوماسیون Javascript با استفاده فریمورک Gulp.js آشنا می شوید.

این دوره آموزشی محصول موسسه Pluralsight می باشد.

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

  • استفاده از مقادیر Gulp به عنوان JavaScript
  • کار با Grunt و Gulp
  • استفاده از Gulp
  • چیزهایی که باید بدانیم درباره Gulp
  • رابط های برنامه کاربردی Gulp
  • اتصالات رابط های برنامه کاربردی Gulp
  • نصب Chocolatey
  • نصب Gulp CLI
  • تجزیه و تحلیل کد با JSHint و JSCS
  • نصب JSHint و JSCS برای Gulp
  • برنامه نویسی JSHint و JSCS
  • کار باCSS
  • کامپایل کردن CSS
  • کار با HTML
  • اضافه کردن فایل های JavaScript  به HTML
  • استفاده از nodemon در یک Gulp
  • همگام سازی مرورگر
  • هماهنگ سازی مرورگرهای مختلف
  • کار با فونت ها
  • بهینه سازی تصاویر
  • ذخیره سازی HTML
  • بهینه سازی CSS
  • بهینه سازی JavaScript
  • راه اندازی کار HTML
  • اجرای تست های سرور در HTML
  • اجرای وظایف Refactored
  • و...

عنوان دوره: Pluralsight JavaScript Build Automation With Gulp.js سطح: متوسط مدت زمان: 4 ساعت و 52 دقیقه نویسنده: John Papa

توضیحات:

Learn how to take advantage of JavaScript task automation using Gulp to streamline time consuming yet important tasks, find and resolve issues faster, and be a more productive developer.
You've built your JavaScript application, but how do you automate testing, perform code analysis, run it, or optimize the code? These redundant tasks can consume valuable time and resources. Stop working so hard and take advantage of JavaScript task automation using Gulp to streamline these tasks and give you back more time in the day. You will learn how Gulp works, how to jump-start task automation with Gulp, find and resolve issues faster, and be a more productive developer.

Course Introduction 5:50 Welcome 0:27 What to Expect 1:32 A Glimpse of What You Will Learn to Do 2:09 Environment and Prerequisites 1:10 Future 0:30 The Value of Gulp as a JavaScript Task Runner 11:56 The Value of a Task Runner 2:46 Using Gulp as a Task Runner 1:19 What's in It for You 1:18 Choosing Between Grunt and Gulp 4:34 Gulp Streams in Action 1:11 Streamline Your Tasks Using Gulp 0:46 4 Things You Need to Know About Gulp 9:35 Overview of Gulp APIs 0:45 gulp.task 2:39 gulp.src 2:05 gulp.dest 0:51 gulp.watch 1:30 Fitting Together the 4 Gulp APIs 1:43 Getting Started With Gulp 18:21 Getting the StarteSr Code 1:50 Getting Node.js 2:41 Installing Chocolatey and Homebrew 2:36 Installing the Gulp CLI 1:34 Installing Gulp and Bower Globally 2:28 Creating a Local Package for a Project 3:47 Creating a Gulpfile.js 2:27 Recap 0:54 Code Analysis With JSHint and JSCS 21:13 Code Analysis With JSHint and JSCS 1:50 JSHint and JSCS in Brackets 1:47 Installing JSHint and JSCS for Gulp 0:38 Coding the JSHint and JSCS Task 4:57 Reusable Functions 1:48 Failing the Task 0:30 Conditionally Displaying the Source Files 2:53 Lazy Loading Gulp Plugins 2:02 Reusable Configuration Module 3:26 Recap 1:19 CSS Compilation 21:03 Compiling to CSS and Error Handling 0:41 CSS Pre-Compilers and Vendor Prefixes 2:16 Creating a Less and AutoPrefixer Gulp Task 4:48 Deleting Files in a Dependency Task 5:18 Creating a Watch Task to Compile CSS 2:24 Handling Errors and Using Gulp Plumber 4:22 Recap 1:10 HTML Injection 23:59 Gulp and HTML Injection 0:34 Exploring wiredep and gulp-inject 1:46 Adding Bower Files and Your JavaScript to the HTML 9:02 Removing Scripts and Styles From the Main HTML 3:24 Adding Bower Files Automatically on Install 2:20 Injecting Custom CSS 4:31 Recap 2:20 Serving Your Dev Build 12:02 Serving Your Development Build 0:42 Using nodemon in a Gulp Task 1:18 Prepare, Serve, and Restart the Code 5:57 Run Tasks on Node Restart 3:42 Recap 0:20 Keeping Your Browser in Sync 18:43 Syncing the Browser 0:33 Exploring browser-sync 1:34 Configuring browser-sync 5:09 Injecting CSS From Less 6:25 Connecting browser-sync and nodemon 2:25 Synchronizing Multiple Browsers 1:54 Recap 0:41 Building Assets and Keeping Organized 13:12 Build Assets 0:30 Task Listings, Image Compression, and Copying 1:39 Creating Task Listing 1:59 Copying Fonts 2:46 Optimizing Images 1:47 Cleaning 3:54 Recap 0:35 Caching HTML Templates for Angular 11:52 Caching HTML Templates 0:37 Angular's Template Cache 1:55 Cleaning the Built Code Folder 1:42 Minifying HTML and Putting in $templateCache 6:58 Recap 0:37 Creating a Production Build Pipeline 19:04 Optimized Production Build Pipelines 0:35 Exploring gulp-useref 3:23 Creating the Optimize Gulp Task With Template Cache 3:03 Adding gulp-useref to the Optimization Pipeline 4:13 Cleaning and Serving the Built Code 1:44 Serving the Optimized Build 5:27 Recap 0:35 Minifying and Filtering 12:17 Minifying and Filtering 0:56 Exploring Minification 1:03 Optimizing CSS 3:25 Optimizing JavaScript 1:19 Serving Optimized Code 1:12 When Optimized Code Fails 2:30 Foreshadowing of the Effect of Mangling on Angular 0:49 Recap 0:59 Angular Dependency Injections 15:33 Angular Dependency Injections 0:58 Mangling and gulp-ng-annotate 2:06 Adding ng-annotate to the Optimization Task 6:07 Adding Hints 4:58 Recap 1:23 Static Asset Revisions and Version Bumping 12:52 Revisions and Versions 0:49 Exploring File Revisions 1:30 Adding Static Asset Revisions and Replacements 2:45 Generating a Revision Manifest 0:58 Bumping Versions With Server 5:59 Recap 0:49 Testing 25:49 Testing 0:55 Karma and Single Run vs. Watching 1:36 Creating the First Test Task 6:51 Karma Configuration 6:46 Installing Packages and Running the Tests 2:17 Making Tests Run Before Other Tasks 4:52 Continuously Running Tests During Development 1:25 Next Steps 1:02 Integration Testing and HTML Test Runners 21:33 Intro 1:04 Node Child Processes 1:00 Running Tests That Require a Node Server 4:00 Setting Up an HTML Test Runner Task 3:04 Injecting the HTML 3:36 browser-sync and the Test Runner 2:42 Launching the HTML Test Runner 3:48 Running Server Tests in the HTML Test Runner 1:43 Recap 0:32 Migrating to Gulp 4 17:14 Gulp 4 0:31 Tasks and Changes 3:44 Migrating 6:40 Running the Refactored Tasks 4:24 Installing the Latest Gulp 1:06 Recap 0:47

حجم فایل: 0.97GB

به این نوشته امتیاز دهید 1 2 3 4 5 بدون امتیاز
Pluralsight JavaScript Build Automation With Gulp.js

پیشنهاد فرادرس

ساسان در 1395/03/18 ساعت 11:56

واقعا سایتتون بی نظیره
ممنون از این که هستید
فردا میخوام برای حمایت ازتون برم رمز دوم کارتم رو بگیرم
مرسییییییییی