در این آموزش تصویری با نحوه استفاده از Google Chrome Developer Tools (بروزرسانی 2016) آشنا می شوید.
این دوره آموزشی محصول موسسه Udemy است.

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

  • کار با ابزارهای Chrome
  • نحوه کار با HTML و CSS
  • استفاده از صفحه عناصر
  • کار با جاوا اسکریپت
  • نحوه استفاده از کنسول
  • استفاده از منابع پنل
  • نحوه ذخیره سازی داده ها
  • استفاده از منابع صفحه
  • نحوه شبیه سازی دستگاه تلفن همراه
  • نحوه تجزیه و تحلیل برنامه
  • کار با شبکه
  • نحوه استفاده از Google PageSpeed
  • بهبود زمان لود صفحه
  • نحوه بهبود SEO
  • کار با Google Fonts API
  • و…

عنوان دوره: Udemy Google Chrome Developer Tools: Updated 2016
مدت زمان: 1 ساعت و 30 دقیقه
نویسنده: Jeff Everhart


توضیحات:

Udemy Google Chrome Developer Tools: Updated 2016

Jeff Everhart
1.5 Hours
All Levels

Updated for 2016 with 3 Bonus Lectures on SEO, Mobile Page Speed, and Google Fonts
Web development and the tools developers use are changing all the time. As more development is done with a mobile-first mindset, your development tools must change too.
Learn browser-based tools that make your websites look better, load faster, and perform efficiently across ALL devices.
Debug and alter HTML and CSS directly in the browser
Work with Chrome's V8 JavaScript engine in the console to build awesome web apps
Emulate mobile devices and tablets to truly test responsive page designs
Access HTML5 LocalStorage and other persistent data stores
Analyze network usage for your site and get faster
Bonus content on SEO with Google Keyword Planner, mobile speed with Google PageSpeed Insights, and free fonts with Google Font API
Stay Up-to-Date or Get Ahead with the Google Chrome Development Tools
Learning how to use the Google Chrome Development Tools will help you take your web design and development skills to the next level. Whether you focus on shaving pixels on the front end, or crave speed and efficiency in loading and download speed, this course will show you how to maximize the awesome tools that ship free with any Chrome browser.
Content and Overview
This course is intended for people with all levels of exposure to HTML, CSS, and JavaScript. You will get the most out of this course if you know some HTML & CSS, have written some JavaScript or jQuery, or have hosted your own website or application.
The course content consists of video lectures that demonstrate how to use different parts of the Google Chrome Development Tools using real world examples of working pages and applications. Over 10 lectures and 1 hour of content, you will learn how to take apart web pages to make them better and more efficient. The videos in this course were updated in 2016 to reflect the latest technologies available in the Google Chrome Development Tools.
What are the requirements?
How to download and install the Google Chrome web browser
What am I going to get from this course?Over 12 lectures and 1.5 hours of content!
Over 10 lectures and 1 hour of content
Using Google Chrome Development Tools to examine real-world page and applications
Accurately test mobile page layouts on more than 10+ devices
Optimize your page assets to improve page load time on desktop and mobile
Understand how HTML5 LocalStorage can help you write awesome web apps
Work with HTML, CSS & JS like a boss and own the browser
What is the target audience?
This course is intended for people with all levels of exposure to HTML, CSS, and JavaScript.
You will get the most out of this course if you know some HTML & CSS, have written some JavaScript or jQuery, or have hosted your own website or application

Section 1: Start Here
Lecture 1
Course Introduction
03:56
Lecture 2
Accessing Chrome Dev Tools
04:29
Quiz 1
Getting Started with Chrome Dev Tools
3 questions
This quiz will assess your knowledge of how to access the chrome dev tools and navigate the main parts of its interface.
Section 2: Working with HTML and CSS in Chrome Dev Tools
Lecture 3
Using the Elements Panel
06:15
Quiz 2
Getting Started with the Elements Panel
4 questions
Section 3: Working with JavaScript in Chrome Dev Tools
Lecture 4
Using the JavaScript Console
09:36
Lecture 5
Using the Sources Panel
04:30
Quiz 3
Getting Started with the Sources Panel and JS Console
4 questions
Section 4: Working with Browser Storage in Chrome Dev Tools
Lecture 6
Using the Resources Panel
03:55
Quiz 4
Getting Started with the Resources Panel
2 questions
Section 5: Thinking Mobile First in Chrome Dev Tools
Lecture 7
Testing Responsive Design by Emulating Mobile Devices
04:20
Quiz 5
Getting Started with the Mobile Device Emulation
3 questions
Section 6: Analyzing Page Load Time in Chrome Dev Tools
Lecture 8
Using the Network Panel
13:16
Lecture 9
Using the Audits Panel
06:20
Quiz 6
Getting Started with the Network and Audit Panels
5 questions
Section 7: Bonus Content
Lecture 10
Using Google PageSpeed Insight to Improve Page Load Times
06:42
Lecture 11
Improving SEO with Google Keyword Planner
06:45
Lecture 12
Using Free Fonts with Google Fonts API
07:26