Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

DevTools Video Course: What do you want to see? #27

Open
umaar opened this issue Feb 17, 2017 · 33 comments
Open

DevTools Video Course: What do you want to see? #27

umaar opened this issue Feb 17, 2017 · 33 comments
Labels
question

Comments

@umaar
Copy link
Owner

umaar commented Feb 17, 2017 •
edited
Loading

Please 'thumbs up' the relevant comment below, or add your own suggestions:

Update: You can now sign up for the course ▶ ModernDevTools.com
@umaar umaar added the question label Feb 17, 2017
@umaar
Copy link
Owner Author

umaar commented Feb 17, 2017 •
edited
Loading

Performance (Basic) - Network perf, how to use your build system to output optimised resources etc.

@umaar
Copy link
Owner Author

umaar commented Feb 17, 2017 •
edited
Loading

Performance (Advanced) - Rendering perf, using the Timeline Panel to diagnose jank. Understand what layout thrashing is. Using Chrome Tracing Tools. Collecting traces in a CI environment.

@umaar
Copy link
Owner Author

umaar commented Feb 17, 2017 •
edited
Loading

DevTools as an IDE - What you need to know in order to keep your development environment within the browser.

@umaar umaar changed the title DevTools Course: What do you want to see? DevTools Video Course: What do you want to see? Feb 17, 2017
@umaar
Copy link
Owner Author

umaar commented Feb 17, 2017 •
edited
Loading

Building a DevTools extension - Enhance your dev workflow by building extensions to automate.

@umaar
Copy link
Owner Author

umaar commented Feb 17, 2017 •
edited
Loading

Accessibility - Carry out Accessibility audits on your own website and learn how to fix issues.

@umaar
Copy link
Owner Author

umaar commented Feb 17, 2017 •
edited
Loading

Chrome DevTools Source Code - Learn to navigate your way around the DevTools source itself (it's all a web application). Become a contributor by landing your own bug fix or feature.

@umaar
Copy link
Owner Author

umaar commented Feb 17, 2017 •
edited
Loading

Service Workers - How they work and how to add them to your own site.

@umaar
Copy link
Owner Author

umaar commented Feb 17, 2017 •
edited
Loading

Performance Audits of other popular websites - improving the front-end perf of other existing websites.

@umaar
Copy link
Owner Author

umaar commented Feb 17, 2017

Security - Explore and discover security exploits of other websites with the aid of DevTools and a few other tools.

@umaar
Copy link
Owner Author

umaar commented Feb 17, 2017 •
edited
Loading

Workflows - Modern workflows to adopt in your web development and web debugging journeys.

@umaar
Copy link
Owner Author

umaar commented Feb 17, 2017

Animations - Learn how to create, debug and modify animations.

@umaar
Copy link
Owner Author

umaar commented Feb 17, 2017

React.js - How to develop and debug a modern React.js webapp.

@umaar
Copy link
Owner Author

umaar commented Feb 17, 2017

Vue.js - How to develop and debug a modern Vue.js webapp.

@umaar
Copy link
Owner Author

umaar commented Feb 17, 2017

Angular JS - How to develop and debug a modern Angular 2 webapp.

@umaar
Copy link
Owner Author

umaar commented Feb 17, 2017

Node.js - How to develop, debug and solve problems with Node.js and DevTools.

@umaar
Copy link
Owner Author

umaar commented Feb 17, 2017

Mobile - Advanced remote debugging techniques and everything you need to know about responsiveness and how DevTools can help with this.

@umaar
Copy link
Owner Author

umaar commented Feb 17, 2017

DevTools Experiments - Everything you need to know about the available experiments (e.g. like the Terminal one) and how to stay up to date with them and learn when new ones arrive.

@umaar
Copy link
Owner Author

umaar commented Feb 17, 2017

JavaScript ES6 & ES7 - How to use brand new features of JavaScript effectively and discovering hidden debugging options for bleeding edge features.

@umaar
Copy link
Owner Author

umaar commented Feb 17, 2017

DevTools for Designers - How a designer, or someone with little programming knowledge can effectively use DevTools to improve websites, discover potential performance bottlenecks, and then feed this back to a developer.

@umaar
Copy link
Owner Author

umaar commented Feb 17, 2017 •
edited
Loading

DevTools for DevOps - How someone responsible for the infrastructure side of websites can fully utilise hidden DevTools features (along with a few Command Line Tools) to diagnose and solve network related performance issues. Learn how to expose server side debugging and logging directly in DevTools. Also debug caching issues.

@umaar
Copy link
Owner Author

umaar commented Feb 17, 2017

Debugging Third Party Services and APIs - Understand bugs caused by third party code like ad trackers, plugins etc. Also work with external APIs efficiently and effectively.

@umaar
Copy link
Owner Author

umaar commented Feb 17, 2017

Paint Profiling - Deeper insights into how a browser paints your page, how to read and explore draw calls executed by the browser renderer.

@umaar
Copy link
Owner Author

umaar commented Feb 17, 2017

Visualising Performance Metrics with continuous integration - Record and study performance metrics of your website into a dashboard which updates with each code check-in.

@umaar
Copy link
Owner Author

umaar commented Feb 17, 2017

Using HTTP2 - Learn how to implement HTTP2 with your Node.js website, also understand the performance benefits of doing so.

@njnygaard
Copy link

Would be nice to include TLS concerns when talking about service workers. How to, LetsEncrypt, that stuff.

@jake-bladt
Copy link

If it's not too far off topic, I'd love to see a discussion of the various levels of caching (database, web server, in-browser,) how to use them effectively, and how to take them into account when optimizing your application for speed.

@iandouglas
Copy link

How about a comparison of AMP vs other mobile-first initiatives?

@wayou
Copy link

wayou commented Feb 18, 2017 •
edited
Loading

Regarding using devtool as IDE, I wondering how to properly customize the CodeMirror that we can have features such as code folding, showing indent guides, emmet support...

@ingshtrom
Copy link

Is it me or can no one else add reactions? Maybe it's just the mobile site?

@mugukamil
Copy link

mugukamil commented Feb 20, 2017 •
edited
Loading

@wayou Emmet support 👍

@brainmark99
Copy link

@umaar When this video course will ready and where we can watch it?

@Alexisvt
Copy link

Alexisvt commented Apr 7, 2017 •
edited
Loading

@AzharArshad according to the course site Home Page in 1 May of this year! But if you buy the course now, you will get a disscount, after that date the price will be normal! By the way when you buy the course you will have access to it forever!!! 😀(๑˃̵ᴗ˂̵)ﻭ

@umaar
Copy link
Owner Author

umaar commented Apr 7, 2017

Course Update: Thanks everyone for your excellent suggestions. Pre-launch is now available 🎊 ModernDevTools.com

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
question
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
9 participants
@iandouglas @umaar @ingshtrom @wayou @mugukamil @njnygaard @jake-bladt @Alexisvt @brainmark99