inflearn logo
inflearn logo

Chrome Developer Tools that show you what you know

This is a Chrome Developer Tools tutorial for front-end developers. It covers various features and tips that are useful when developing.

(4.8) 84 reviews

2,688 learners

Level Beginner

Course period Unlimited

Google Chrome
Google Chrome
Chrome DevTools
Chrome DevTools
Google Chrome
Google Chrome
Chrome DevTools
Chrome DevTools

Reviews from Early Learners

Reviews from Early Learners

4.8

5.0

하람

100% enrolled

I think you did a great job explaining the Chrome developer tools in a video, which is very helpful to know :) It must not have been an easy decision to offer it for free, even if it was a short lecture, so thank you so much!

5.0

ubithus

90% enrolled

This is a great tip!!!

5.0

시스템케이

95% enrolled

It's nice that the voice doesn't get sleepy. The fun feature is awesome.

What you will gain after the course

  • Chrome Developer Tools

  • Web Development Basics

With tons of features in developer tools
Grow into a developer with a deep understanding of the web! 🌱

Official Developer Tools Documentation

Check out the Q&A! ✍️

Q. Do I need to know a development language to take the course?

Since this course is related to developer tools used in development, you can take it even if you do not know the development language.

Q. Do you provide a Windows/MacOS development environment?

Since the training is conducted in Chrome, you can take the course regardless of your OS.

Learn this 📖

  • We've included the basic features of developer tools that front-end developers need to know, along with various practical tips!
  • By learning the features of numerous developer tools, you can grow into a developer with a deep understanding of pages.
  • You can learn various functions such as web page debugging, performance analysis, and HTML/CSS editing.
  • Official Developer Tools documentation: https://developer.chrome.com/docs/devtools/

Recommended for these people! 🙆‍♀️

  • Anyone interested in web development
  • Developers who want to learn features that can be utilized in development work

Lecture Features ✨

  • You can learn how to use Chrome Developer Tools.
  • You can learn about various functions that can be utilized in front-end practice.

What you'll learn 📚

Section 0. Developer Tools

  1. Run
  2. Change language
  3. Show ruler
  4. Using the Elements tab
  5. Edit HTML
  6. Edit CSS
  7. Color Picker Tool
  8. Check out the virtual class
  9. Check the box model
  10. Disable JavaScript
  11. Capture the screen
  12. Device Mode
  13. Using the console
  14. Console Notes (let, const declaration)
  15. Adjust video speed
  16. local storage
  17. network
  18. Lighthouse
  19. Performance
  20. Debugging

Recommended for
these people

Who is this course right for?

  • Anyone interested in web development

  • Frontend Developer

Hello
This is jejucoding

106,240

Learners

2,857

Reviews

163

Answers

4.8

Rating

80

Courses

소개 이미지.png.webp

 

🧙‍♂️ Hello. This is Jeju Coding Basecamp.

What is Jeju Coding Basecamp?

 

 

A bootcamp plotted by the hottest developers in Jeju! We provide passionate young people with the opportunity to grow as much as their passion!

Jeju Coding Basecamp is the largest ICT education event in Jeju, held in collaboration with local governments and companies such as Kakao, Goorm, and the Jeju Industry-Academic Convergence Institute.


Success in building a service
—through this experience, cultivate your confidence, self-esteem, sense of accomplishment, and the ability to be self-reliant in this era of job scarcity!, hãy nuôi dưỡng sự tự tin, lòng tự trọng, cảm giác thành tựu và khả năng tự lập trong thời đại khó khăn tìm việc làm này!

Go for it, youth! You can do it! 😀

 


 

︎ Jeju Coding Base Camp Roadmap

제코베 로드맵.png.webp

 

︎ Jeju Coding Basecamp Certificate System

 

- 1.png.webp

 

More

Co-instructor

Published: 
Last updated: 

Reviews

All

84 reviews

4.8

84 reviews

  • onlystudy390582님의 프로필 이미지
    onlystudy390582

    Reviews 18

    Average Rating 4.9

    5

    100% enrolled

    Thank you haha

    • 하람님의 프로필 이미지
      하람

      Reviews 5

      Average Rating 5.0

      5

      100% enrolled

      I think you did a great job explaining the Chrome developer tools in a video, which is very helpful to know :) It must not have been an easy decision to offer it for free, even if it was a short lecture, so thank you so much!

      • ubithus님의 프로필 이미지
        ubithus

        Reviews 6

        Average Rating 5.0

        5

        90% enrolled

        This is a great tip!!!

        • ujdnfjj05010045님의 프로필 이미지
          ujdnfjj05010045

          Reviews 2

          Average Rating 5.0

          5

          100% enrolled

          It explains simple things using Chrome developer tools. If you want to learn about specific functions in detail, you need to study individually, but since the lecture does not require a long time, it seems okay to listen to the lecture if you want to know about simple functions.

          • systemk님의 프로필 이미지
            systemk

            Reviews 3

            Average Rating 5.0

            5

            95% enrolled

            It's nice that the voice doesn't get sleepy. The fun feature is awesome.

            jejucoding's other courses

            Check out other courses by the instructor!

            $8.80