네트워크, 그림으로 이해하자(2022ver.)
데브아틱스
네트워크, 그림으로 쉽게 이해할 수 있습니다. '그림'과 '애니메이션'으로 여러분의 시간을 절약하세요!
입문
네트워크, 프로토콜
A complete summary of basic web front-end concepts with keywords and practice
A compass for beginners in web development, a guided lecture to discover what you don't know about web front-end and move forward systematically.
17 learners are taking this course
3시간 만에 완강할 수 있는 강의 ⏰
네트워크기초
프론트엔드
크롬개발자도구
개발자도구
Network
Google Chrome
Chrome DevTools
Web Application
What you will gain after the course
Understand the relationship between the Web, websites, web pages, and web browsers through the basic structure and concepts of the Web.
Understand the changes and their importance from traditional websites to modern web applications
Experience component-based development, the core of modern web applications
Understand the overall flow of web application development by integrating web development tools and technologies.
Studying with ChatGPT
Chrome Developer Tools ⚒️
Have you ever thought about this?
🥲 I'm confused because the basic concepts related to the web are not well organized.
🥲 I want to clearly understand the difference between web pages and web applications and how they work.
🥲 I want to know how networks and web browsers work together.
From theory to practice in just one hour! 📌
Chrome Developer Tools are a useful tool for web developers to debug and analyze web pages. This course covers the general concepts of the web, how web pages are created, and how web applications work. This course systematically covers fundamental concepts such as the web, web pages, networks, web browsers, and web applications.
This developer tools course takes a slightly different approach. We'll use ChatGPT, a keyword-based approach. You'll successfully step into the world of the web by seeing how what you've learned in theory works in practice.
How to solve your worries 🛠️
- We will systematically explain the basic concepts of the web.
- I'll help you experience the differences and how they work firsthand through real-world webpage and web application examples.
- We'll help you clearly understand each role through simple network tests and how web browsers work.
After taking the course, you will 🌱
- You will gain a deep understanding of various concepts related to the web.
- By clearly understanding how web pages and web applications work, you can develop effective problem-solving skills during actual development.
- By understanding the interaction between networks and web browsers, you gain the technical knowledge needed to build web-based services and applications.
What you'll learn 📚
- The Concept of the Web: What is the Web, Its History and Development
- Web pages: the structure and operation of web pages
- Network: How web pages are delivered to users, basic network principles
- Web browser: The role of a web browser in interpreting and displaying web pages.
- Web Applications: Interactions between Servers and Clients and How Web Applications Work
I recommend this to these people 🙆♀️
Beginners who want to learn various concepts about the web
Backend developers who want to have basic frontend knowledge
Designers or planners who need to communicate with the development team
Expected Questions 🧐
Q. Why should I learn the basic principles and operations of the web?
Understanding the fundamental principles and operations of the web will greatly aid in understanding the structure of websites and web apps. This will provide you with the technical background necessary for web development.
Q. What can I do if I learn the basic principles and operations of the web?
By understanding the basic structure of websites and web applications and understanding the interaction between networks and web browsers, you will gain the fundamental knowledge needed to build effective web services.
Q. Is this a course that non-majors can also take?
Yes, we systematically explain the basics in a way that even non-majors can easily understand, so even those without prior knowledge of the web can take the course.
Q. Is there anything I need to prepare before attending the lecture?
No special preparation is required. However, some basic web surfing experience will make the lectures easier to understand.
Q. What level of content is covered in the class?
It covers the fundamental principles of web operation, from the fundamental concepts of the web to how web pages and web applications work, and how networks and web browsers interact.
Q. Are there any notes regarding the course (environment requirements, other precautions, etc.)?
Since the course is conducted online, a stable internet connection is required. No special software or tools are required, but you may need to install a web browser for practical training.
Things to note before taking the course 📢
Practice environment
- Operating System and Version (OS): Windows or macOS
- Tools used: Chrome browser developer tools and Chat-GPT
Player Knowledge and Precautions
- This course is designed for anyone who wants to study the web and find out what to study in more depth, so there is no prerequisite knowledge.
- However, if you come across an unfamiliar keyword, please look it up yourself rather than just passing it by.
- I don't think there's a better tool for beginner developers to fill in the basics than Chat-GPT.
- However, Chat-GPT may contain inaccuracies, so it is recommended to cross-check with the official documentation.
Introducing the Knowledge Sharer ✒️
I'm currently working as a full-stack web developer with 8 years of experience.
- We create an environment where fellow developers can create efficient and stable services.
- It covers a wide range of topics including Typescript, Javascript, React, Next.js, Node.js, GraphQL, ESLint, and more.
I have worked as a front-end developer mentor several times.
- 👨👩👧👦 Programmers FE Dev Course 1st Session
- ⛳ Couch Coding 6-week portfolio completion 9th-12th classes
- ⛺ Naver Connect Foundation Boost Camp 7th
We also created a course for front-end developers.
- 🪄 Code States Educational Content Production
- UI Library Development for Intermediate Developers (React Library Cloning)
And I continue to share the knowledge I've learned in practice.
- Instagram: https://www.instagram.com/ronpark.dev
- Velog: https://velog.io/@ron
Recommended for
these people
Who is this course right for?
Beginners who want to learn about various concepts related to the web.
A developer who has mainly worked on backend development but wants to have basic knowledge of frontend
People who work as designers or planners and need basic front-end knowledge to communicate with the development team.
Curriculum
All
7 lectures ∙ (1hr 3min)
1. prolog
01:32
2. Web?
05:59
3. Web page?
06:21
5. Type of web page
09:13
6. Web browser?
18:22
7. Web application?
13:30
Published:
Last updated:
Reviews
Not enough reviews.
Please write a valuable review that helps everyone!
Limited time deal ends in 01:29:55
$16,500.00
25%
$17.60
Similar courses
Explore other courses in the same field!
![제대로 배우는 JavaScript: 초보자부터 실무자까지 완벽 정복 Part1 - [기초편]강의 썸네일](https://cdn.inflearn.com/public/files/courses/336176/cover/01jqhh8293f4c24r6zpzcvskcr?f=avif&w=420)
![[React 2부] 고급 주제와 훅강의 썸네일](https://cdn.inflearn.com/public/courses/332123/cover/62407827-5375-47cf-91fa-4877bf72c139/332123-eng.png?f=avif&w=420)
![따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]강의 썸네일](https://cdn.inflearn.com/public/course-326181-cover/d012cab3-58e1-45cd-899e-03f86c7b1df1?f=avif&w=420)
