Devtools Pro: Beginner to Expert w/ Chrome Developer Tools
Devtools Pro: Beginner to Expert w/ Chrome Developer Tools, available at $54.99, has an average rating of 4.35, with 39 lectures, based on 1908 reviews, and has 10392 subscribers.
You will learn about Modify live webpages and test out new ideas quickly Quickly build and test scripts live without ever refreshing the browser Diagnose and fix problems with existing code Optimize loading, memory and performance issues This course is ideal for individuals who are Anyone with an interest in taking their web development skills to the next level. or Developers / Programmers / Software Engineers or UI/UX Designers or Artists or Project / Product Managers It is particularly useful for Anyone with an interest in taking their web development skills to the next level. or Developers / Programmers / Software Engineers or UI/UX Designers or Artists or Project / Product Managers.
Enroll now: Devtools Pro: Beginner to Expert w/ Chrome Developer Tools
Summary
Title: Devtools Pro: Beginner to Expert w/ Chrome Developer Tools
Price: $54.99
Average Rating: 4.35
Number of Lectures: 39
Number of Published Lectures: 39
Number of Curriculum Items: 39
Number of Published Curriculum Objects: 39
Original Price: $109.99
Quality Status: approved
Status: Live
What You Will Learn
- Modify live webpages and test out new ideas quickly
- Quickly build and test scripts live without ever refreshing the browser
- Diagnose and fix problems with existing code
- Optimize loading, memory and performance issues
Who Should Attend
- Anyone with an interest in taking their web development skills to the next level.
- Developers / Programmers / Software Engineers
- UI/UX Designers
- Artists
- Project / Product Managers
Target Audiences
- Anyone with an interest in taking their web development skills to the next level.
- Developers / Programmers / Software Engineers
- UI/UX Designers
- Artists
- Project / Product Managers
Do you want to become an expert web developer?
I’ve worked with tons of different platforms from PC to Playstation, and nothing beats the power of Google Chrome Developer Tools. Let’s take advantage of that.
This course is the comprehensive guide to DevTools. We start with simple styling examples, and use tools like the colorpicker and box shadow editor to design our pages. But we move quickly to advanced topics like using the Audits panel to understand slow page performance, and the memory panel to understand why our app might be leaking memory.
Testimonials:
- I learned a lot of things I didn’t know about although I’ve used Devtools for many years.-Bernard Niset
- My first Udemy course, but I enjoyed it thoroughly. I have some prior experience with chrome dev tools, but there were still some tips I will be taking with me from this course – Stephen Wong
- The instructor is clear and concise and the course is loaded with information. There are even some valuable nuggets for experienced developers! – Tom Fitch
Here’s a sample of what you’ll be able to achieve after taking this class:
- Add advanced styling with built-in editors like the animations panel and the transitions editor.
- Using six different breakpoint techniques, you’ll be able to understand and debug any piece of javascript code.
- Analyze network calls, and even hack the dinnerreservation system on Yelp.
- Speed up your page load speeds with Audits and Lighthouse to make your site blazingly fast.
- Profile and fix rendering, CPU and memory bottlenecks.
Every minute of this course provides valuable information and there is minimal repetition and typing. The course was built in 2017 with a prerelease version of Chrome and even demonstrates the use of experimental features such as Workspaces 2.0.
For the beginners, I start slow, but work quickly towards advanced usage, and for the experts, I’ve made sure to sprinkle in original techniques to improve your web pages that can’t be found anywhere else.
Course Curriculum
Chapter 1: A Tour of the Developer Tools
Lecture 1: Introduction and Syllabus
Lecture 2: Three ways to open Chrome Developer Tools
Lecture 3: Console Commands and Multiline Statements
Lecture 4: Sources, Network, and Other Panels
Lecture 5: Inspect and Style a Page Live
Lecture 6: How to View Your Changes
Chapter 2: Setting Up a Local Server
Lecture 1: Static Python SimpleServer
Lecture 2: Windows Server Setup
Chapter 3: Snippets & Alternate Ways to Understand Your Changes
Lecture 1: Introducing Snippets
Lecture 2: Applying Changes
Lecture 3: CSS History
Lecture 4: Experimental Chrome Features & Workspaces
Chapter 4: GUI Style Editors
Lecture 1: The Various Style Editors
Lecture 2: Animations Editor
Chapter 5: Basic Javascript Debugging
Lecture 1: Using the Debugger in the Sources Panel
Lecture 2: Keyboard Shortcuts for Debugging
Lecture 3: The Call Stack
Chapter 6: Navigating & Applications Tab
Lecture 1: Finding Stuff
Lecture 2: Cookies and Local Storage with the Application Tab
Chapter 7: Console API & Shortcuts
Lecture 1: Console Multiline and Asserts
Lecture 2: Miscellaneous Console Functions
Lecture 3: Console Profile & Dollar Shortcuts
Lecture 4: Console Styling
Chapter 8: Breakpoints
Lecture 1: Types of Breakpoints
Lecture 2: Line of Code Breakpoints
Lecture 3: Conditional Breakpoints
Lecture 4: DOM and Network Breakpoints
Lecture 5: Event and Exception Breakpoints
Chapter 9: Network, Page Speed and Security
Lecture 1: Downloading From Codepen.io
Lecture 2: The Network Panel
Lecture 3: Hacking Reservations on Yelp
Lecture 4: Improve page load speed with Audits & Lighthouse
Lecture 5: Security and HTTPS with NGrok
Chapter 10: Client Side Performance Monitoring
Lecture 1: Introducing a Client Performance Example
Lecture 2: Task Manager, FPS meter, and Rendering Tab
Lecture 3: Performance / Timeline Tab
Lecture 4: Detecting Memory Leaks
Chapter 11: Other Browsers and Some FAQ's
Lecture 1: Other Browsers, VM's and BrowserStack
Lecture 2: A Thank You and Common Questions
Instructors
-
Rocco Balsamo
Founder at SIMMER.io
Rating Distribution
- 1 stars: 18 votes
- 2 stars: 49 votes
- 3 stars: 264 votes
- 4 stars: 749 votes
- 5 stars: 830 votes
Frequently Asked Questions
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!
You may also like
- Top 10 Video Editing Courses to Learn in November 2024
- Top 10 Music Production Courses to Learn in November 2024
- Top 10 Animation Courses to Learn in November 2024
- Top 10 Digital Illustration Courses to Learn in November 2024
- Top 10 Renewable Energy Courses to Learn in November 2024
- Top 10 Sustainable Living Courses to Learn in November 2024
- Top 10 Ethical AI Courses to Learn in November 2024
- Top 10 Cybersecurity Fundamentals Courses to Learn in November 2024
- Top 10 Smart Home Technology Courses to Learn in November 2024
- Top 10 Holistic Health Courses to Learn in November 2024
- Top 10 Nutrition And Diet Planning Courses to Learn in November 2024
- Top 10 Yoga Instruction Courses to Learn in November 2024
- Top 10 Stress Management Courses to Learn in November 2024
- Top 10 Mindfulness Meditation Courses to Learn in November 2024
- Top 10 Life Coaching Courses to Learn in November 2024
- Top 10 Career Development Courses to Learn in November 2024
- Top 10 Relationship Building Courses to Learn in November 2024
- Top 10 Parenting Skills Courses to Learn in November 2024
- Top 10 Home Improvement Courses to Learn in November 2024
- Top 10 Gardening Courses to Learn in November 2024