강의

N
챌린지

멘토링

N
클립

커뮤니티

BEST
Programming

/

Full-stack

Solid Frontend Bootcamp for Full Stack (HTML, CSS, Vanilla JavaScript + ES6) [Full Stack Part2]

This is a full-stack lecture series based on real-world web service development experience, aiming to help beginners develop web and app services to a level suitable for actual commercialization. As Part 2 of this series, this lecture thoroughly and solidly covers the latest HTML5, CSS3, vanilla Javascript + ES6, considering responsiveness and compatibility within the diverse landscape of frontend technologies.

(4.9) 180 reviews

2,741 learners

  • funcoding
HTML/CSS
JavaScript
ES6

Reviews from Early Learners

What you will gain after the course

  • Solid Frontend Fundamentals Made Easy

  • Responsive, Cross-browser Web Service Development

  • Detailed modern HTML and CSS features

  • VanillaJS (Javascript) Considering Compatibility

  • HTML/CSS/JS+ES6 Full Set for Latest Commercial Service Development

The official lecture chosen by Nekarakubae as an in-house lecture!
A basic introduction to front-end web technology for beginners
High-quality lecture series (Full Stack Part 2)

This lecture is Part 2 of the Full Stack Lecture Series, and follows the Python Backend (Part 1) lecture to learn solid front-end fundamentals for full stack . This lecture organizes and learns in detail HTML5, CSS, Javascript (VanillaJS, Vanilla Javascript) + ES6 for developing commercially viable web services.

This is a special lecture that was created with the students' perspective in mind as much as possible, rather than a general IT lecture. It is a lecture that starts from a state where you do not know the related technology, and solidifies the core technology to the point where you can list the related technology on your resume, using various materials and examples.

This lecture is a proven lecture that many people have learned and given good feedback on.
If there are any issues, it may be updated periodically in the future, just like now.

If you want to build a solid foundation in front-end fundamentals?
You need to solidify the basic front-end technology. The basic front-end is HTML, CSS, and Javascript . Even if you learn React, you need the basic front-end. A solid front-end basic is the key. If you learn React or Flutter on top of the basics that you have built up thoroughly, you can create the front-end as you want. In addition, the latest web pages have background knowledge and related knowledge that you need to organize, such as responsiveness and compatibility, and you need to replace the old technology, Jquery, with clean Javascript.

This course covers HTML, CSS, Javascript, responsiveness, compatibility, ES6, etc.
We thoroughly cover the scattered basic front-end technologies you need to know!
I have a rough idea, but I can't seem to organize it.

HTML, CSS, Javascript are easy to use, but when you actually use them, they are difficult to handle as you want. There are so many scattered grammars and technologies, such as reactive, compatibility, ES6, etc., and especially the front-end is harder than you think if you don't organize them well.

They say that if you become full-stack, you can create web services by yourself...

Whether it's web or app, recent services require backend, frontend, and deployment technology to implement. This is called full stack. If you become full stack, you can create the latest web services on your own and become a competitive developer.

To do this most effectively and practically, you should learn Python and backend technologies in Part 1 of the full-stack course, and build up frontend fundamentals in Part 2. You need to have a good grasp of the basics! You can become a full-stack developer by not simply copying the web services from the course. This course covers HTML5, CSS, Javascript (Vanilla JavaScript, VanillaJS) + ES6 in detail so that you can solidify your frontend fundamentals.

I have summarized the entire fastest latest full-stack roadmap into a YouTube video. If you refer to the video, you will understand the roadmap that goes beyond this technology and allows you to develop web/apps on your own in a short period of time.

Built for solid, practical front-end fundamentals .

With countless grammars and functions, the front-end must start with the keyword of organization.
All that grammar and knowledge is organized under the following conditions.

  • Let's clear up all the background knowledge for modern website development.
  • We carefully organize the CSS that is essential for a decent web page.
  • Jquery, which is not used in the latest web pages, is not covered.
  • All covered by standard Vanilla Javascript + ES6
  • Supports responsiveness
  • Compatibility is also taken into consideration

HTML tags are organized around only the essential tags, including light semantic tags.
We cover detailed CSS features, including responsiveness and compatibility, which are essential for implementing a plausible web page.
As it is called VanillaJS (Vanilla JavaScript), the recent trend is to not use jQuery, so web pages are implemented only with Javascript + ES6 grammar that also takes compatibility into account.
For each feature, we focus on core technologies, excluding the latest grammar and replaceable technologies that cannot be used due to compatibility issues.

Don't waste your time!
It's not that we can't do something because we don't have the information!
If you learn with verified lectures, you can organize it quickly!

Why don't I just learn Javascript ?

The biggest bottleneck in full-stack development is CSS. They say that even middle school students know HTML and CSS.
However, creating responsive, compatible, and modern web pages is impossible without being a skilled front-end developer.
There are countless detailed CSS features that need to be cleaned up. HTML also needs to be cleaned up once and for all to meet standards.
In Korea, there is a job called publisher, but overseas, front-end or full-stack developers handle everything, including CSS.
To become a competitive front-end/full-stack developer, it is essential to have a detailed understanding of CSS features.

Don't you need to learn React and Vue to create a web service?

This framework is a framework written in Javascript that improves the shortcomings of Javascript. Since Javascript is also used when using these frameworks, you should learn the basic grammar of Javascript well regardless of the framework. If you are well-versed in the basics of HTML, CSS, and Javascript covered in this lecture, you can learn frameworks such as React and Vue based on them.
So this lecture focuses on the fundamentals of the front-end. In order to build a solid foundation, this lecture organizes and practices all the essential technologies among related technologies.

Can a beginner do it too ?

This is a lecture that explains in detail step by step so that even beginners can understand.
The most difficult lecture in IT lectures is teaching programming to people who don't know anything about programming. Even these people have learned not only programming but also crawling techniques through the Python Introduction and Crawling Basics Bootcamp lectures that I opened. If you are reasonable and considerate of each other, it is definitely possible.

If you want to quickly organize only the front-end technology, you can take this course alone. However, if you are a complete beginner who has never dealt with programming before, I recommend that you learn the full-stack course along with the Python Introduction and Crawling Bootcamp courses through the roadmap step by step. You can gradually build up the necessary capabilities.

So that even beginners can understand
Based on concise yet meticulously written material,
During the lecture, each person can also take a test.
You can immediately start testing and sample code for each function.

• We provide sample code for each function as a project and provide actual web page code files.
• Lecture materials are provided online so that you can check them at any time. (However, copying and downloading are restricted due to copyright issues.)

Can I learn it systematically ?

Starting from beginner level, we are making lectures so that you can learn the whole process in detail and systematically, gradually increasing the difficulty level. In order to help you understand the relevant grammar and knowledge, we provide concise code and sufficient explanations, but we also explain computer science when you need to understand, so that you can build the basics to become a good developer.

This lecture is Part 2 of the entire full-stack lecture series. In this lecture, we will select a specific web page for the development of the next service, and without using any framework or library, we will start from an empty file and use HTML, CSS, Javascript + ES6 to complete the code step by step.

So that you can feel, 'Ah! It's really different!'
This is a lecture that I created after much thought.
Just follow along and you'll be fine!

Learning systematically
The Roadmap of Dave Lee's Residual Fun Coding 🔑

Developer, Data Analyst, and Data Scientist Career Roadmap!

From web/app development to data analysis and AI, we provide an A to Z roadmap that allows you to build a solid foundation in a short period of time. IT technologies are closely linked to each other, so they must be integrated to enable web/app services or data science. By gradually increasing the difficulty and mastering core technologies, you can learn efficiently and understand the system and data in general, and grow into a competitive developer or data expert. To this end, we have prepared a roadmap that systematically organizes core technologies in each field.

1. The fastest data-to-process roadmap

I have created a video that explains in detail about this roadmap and the entire data analysis/science process. If you refer to the video, you can easily learn the data process without trial and error in a short period of time on your own !

Wait! ✋
Click on the roadmap below for more details. If you purchase the roadmaps all at once, they are available at a discounted price! (The discount will be reduced soon.)

2. The fastest full-stack roadmap

I have created a video that explains in detail the roadmap and the fastest way to learn and implement web/app development on your own. If you refer to this video, you can implement web/app without trial and error in a short period of time.

Wait! ✋
Click on the roadmap below for more details. If you purchase the roadmaps all at once, they are available at a discounted price! (The discount will be reduced soon.)

Recommended for
these people

Who is this course right for?

  • Full-stack Development Part 2

  • People who want to build frontend fundamentals

  • Those who want to develop a modern, commercializable web service.

  • Those needing a summary of frontend technologies (responsive, compatibility, etc.)

  • Introduction to Frontend

Need to know before starting?

  • If possible, I strongly recommend taking the Fullstack Part1 course concurrently.

Hello
This is

33,143

Learners

2,407

Reviews

1,949

Answers

4.9

Rating

13

Courses

잔재미코딩, Dave Lee

  • About 잔재미코딩 소개 블로그 [클릭]

  • 주요 경력: 쿠팡 수석 개발 매니저/Principle Product Manager, 삼성전자 개발 매니저 (경력 약 15년)

  • 학력: 고려대 일어일문 / 연세대 컴퓨터공학 석사 (완전 짬뽕)

  • 주요 개발 이력: 삼성페이, 이커머스 검색 서비스, RTOS 컴파일러, Linux Kernel Patch for NAS

  • 저서: 리눅스 커널 프로그래밍, 리눅스 운영 체제의 이해와 개발, 누구나 쓱 읽고 싹 이해하는 IT 핵심 기술, 왕초보를 위한 파이썬 프로그래밍 입문서

  • 운영 사이트: 잔재미코딩 (http://www.fun-coding.org) [클릭]

  • 풀스택/데이터과학/AI 관련 무료 자료를 공유하는 사이트입니다.

  • 기타: 잔재미코딩 유투브 채널 [클릭] 

    • IT 학습에 도움이 되는 팁/ 짧은 무료 강의를 공유하고자, 조금씩 시작하고 있습니다~

최신 현업과 IT 강의를 병행하며, 8년째 꾸준히 견고한 풀스택, 데이터과학, AI 강의를 만들고 있습니다.

 

Curriculum

All

79 lectures ∙ (17hr 37min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

180 reviews

4.9

180 reviews

  • michaelaeon5592님의 프로필 이미지
    michaelaeon5592

    Reviews 13

    ∙

    Average Rating 4.9

    5

    99% enrolled

    Hello. I am interested in web-related development, so I took lectures here and there and settled on Janjaemi Coding's lecture. Since web-related technologies have many related fields and there are many things to learn, there were too many things to do to do properly, so I had a hard time taking lectures here and there because I was impatient. The part that I especially liked while taking the lecture was that it helped me to find the center of full-stack, such as how I can use what I learned and what I need to learn when I move on to the next step. If Part 1 focused a little more on server-side technologies, Part 2 was good because I could learn various technologies on the UI side. Some people might be disappointed because it is not fancy, but I think that fancy technologies can be learned quickly if you have a good grasp of the basics. It was also good that it explained HTML/CSS in depth enough, so I didn't have to use various tricks or frameworks to cover up parts that I couldn't implement with CSS with JavaScript. Since web technologies are diverse, I think there are often cases where I cover up weak parts with other technologies or frameworks, but I liked that there were explanations and practical exercises that focused on the basics. JavaScript also explained the necessary parts concisely, which helped me understand. Of course, I personally need to study more, but it was helpful because it was connected to the practice. The practice implemented in the lecture was small, so I may not have much experience like a current worker, but it was good because I could get ideas and implementation methods for basic functions. I also look forward to Vue, which is scheduled to open in the first half of the year. If you make a lecture that compares how parts implemented in vanilla JS can be implemented more easily using Vue, it will be very helpful for beginners like me to learn. I hope you will reflect it. ^^ For reference, from my personal experience, I recommend taking the Python basics course, then Part 1 and Part 2 in that order. After that, if you want to add functions such as crawling or data analysis to the web server, it would be good to take the relevant courses.

    • funcoding
      Instructor

      Thank you for your good review. This course is about creating a modern web page that looks good from the ground up, so it is different from courses that follow a fancy UI with one or two lines of code that have already been created. Those techniques can be used later when needed, but they are not used in the field. Especially when creating a large-scale web page. In order to create it perfectly, you have to build up the basics by creating it step by step, and I hope that this part was helpful. There are so many IT-related information, lectures, and advertisements, so there are many lectures that say, “Just type in the code and you’ll get this fancy thing?” I’ve taken those lectures before, and they didn’t leave anything to me. So I remember learning everything separately for a long time. I hope this learning method is much better and a shortcut to becoming a capable developer.

  • ith13579님의 프로필 이미지
    ith13579

    Reviews 19

    ∙

    Average Rating 5.0

    5

    99% enrolled

    I only looked at the first part of CSS and HTML, but it is more detailed and detailed than what is actually applied in practice, and it explains in various ways. In addition, the quality of the lecture materials that the instructor uses in class is really good. These days, since spa libraries or frameworks are used in practice, it is important to know how to manipulate UI using pure JavaScript rather than jQuery, and this lecture is strong in this respect as well. I won't say more. I think this lecture is a great deal for this price. Take this lecture instead of other clone coding lectures.

    • funcoding
      Instructor

      Thank you for leaving such a great review. When I was learning this part in the past, I was tired because I wondered why there were so many detailed functions, but I had to learn them, so I organized them one by one. This is the part where I made the lectures in the way I learned them in order to become a full-stack. If you can't remember the detailed functions, go to the Google Drive folder I provided and search at the top. Then, since you have taken the lecture, you will be able to see the materials with related keywords right away. Then, you can implement them much faster. I will film this part on YouTube later and share it separately. Thank you.

  • 두룽이님의 프로필 이미지
    두룽이

    Reviews 2

    ∙

    Average Rating 5.0

    5

    100% enrolled

    I was trying to do a project after listening to another instructor's front-end lecture, but I was at a loss, so I watched Instructor Janjaemi's lecture on my friend's recommendation. He taught slowly from the basics, so I understood everything without missing anything. As a result, I was able to finish the project that I had been at a loss about, and thanks to that, I gained confidence. If you're still having trouble, I highly recommend listening to it!! Thank you so much, instructor~!

    • funcoding
      Instructor

      Wow, I'm so happy. Confidence is really important. Well, it may not be perfect, but I think I can do it now, and if I keep doing this, I think I can do it well! If you felt this, you've really taken a big step. Congratulations, and I'm so happy that it helped you. Haha

  • mozzzi2님의 프로필 이미지
    mozzzi2

    Reviews 1

    ∙

    Average Rating 5.0

    5

    100% enrolled

    I love you teacher

    • funcoding
      Instructor

      Hahaha thank you. Haha you have a sense of humor haha

  • madsong님의 프로필 이미지
    madsong

    Reviews 7

    ∙

    Average Rating 5.0

    5

    63% enrolled

    I listened well! I'm currently preparing for a job as a front-end developer, and this was very helpful. Now I have to study hard to make it mine..ㅎ I'm looking forward to the next lecture!!

    • funcoding
      Instructor

      That's right. I think it would be helpful to practice making it your own, and also to listen to lectures from other instructors, such as Clone Coding, regarding the front-end. !!!!

$63.80

funcoding's other courses

Check out other courses by the instructor!

[Renewal] First-time MongoDB and NoSQL (Big Data) Database Bootcamp [From Beginner to Application] (Updated)강의 썸네일

[Renewal] First-time MongoDB and NoSQL (Big Data) Database Bootcamp [From Beginner to Application] (Updated)

funcoding

Learn NoSQL technology, which can handle Big Data, one of the fundamental technologies in full-stack and data science utilized by modern startups. MongoDB is the easiest and quickest technology to utilize among NoSQL databases. In this lecture, you will learn the basics of MongoDB in a short time, and also acquire the skills to manipulate and utilize MongoDB with Python.

초급

초급

Python, MongoDB, DBMS/RDBMS

[Renewal] First-time MongoDB and NoSQL (Big Data) Database Bootcamp [From Beginner to Application] (Updated)강의 썸네일

[Renewal] First-time MongoDB and NoSQL (Big Data) Database Bootcamp [From Beginner to Application] (Updated)

funcoding

[Renewed] Python Introduction and Web Scraping Basics Bootcamp [Python, Web, Data Understanding Fundamentals] (Updated)강의 썸네일

[Renewed] Python Introduction and Web Scraping Basics Bootcamp [Python, Web, Data Understanding Fundamentals] (Updated)

funcoding

For those looking to learn Data Science, Big Data, and Crawling, (1) we will summarize the most essential Python core syntax in a short time, and (2) you will become familiar with Python and crawling through practical crawling programming.

입문

입문

Python, Web Crawling

[Renewed] Python Introduction and Web Scraping Basics Bootcamp [Python, Web, Data Understanding Fundamentals] (Updated)강의 썸네일

[Renewed] Python Introduction and Web Scraping Basics Bootcamp [Python, Web, Data Understanding Fundamentals] (Updated)

funcoding

[Renewal] First-time SQL and Database (MySQL) Bootcamp [From Beginner to Application]강의 썸네일

[Renewal] First-time SQL and Database (MySQL) Bootcamp [From Beginner to Application]

funcoding

Through this lecture, you can learn about understanding SQL and databases, SQL syntax, database design for practical application, database utilization through programming, and even data analysis application cases.

초급

초급

Python, SQL, MySQL

[Renewal] First-time SQL and Database (MySQL) Bootcamp [From Beginner to Application]강의 썸네일

[Renewal] First-time SQL and Database (MySQL) Bootcamp [From Beginner to Application]

funcoding

Docker and Modern Server Technologies for Full Stack (Linux, nginx, AWS, HTTPS, Deployment) [Full Stack Part3]강의 썸네일

Docker and Modern Server Technologies for Full Stack (Linux, nginx, AWS, HTTPS, Deployment) [Full Stack Part3]

funcoding

This course, Part3 of the Full-stack Course Series, solidly teaches the latest server and Docker technologies. It's structured to practically integrate Docker into your tech stack, meticulously testing its options, learning necessary related tech like Linux, and building complex services.

초급

초급

Network, Linux, Docker

Docker and Modern Server Technologies for Full Stack (Linux, nginx, AWS, HTTPS, Deployment) [Full Stack Part3]강의 썸네일

Docker and Modern Server Technologies for Full Stack (Linux, nginx, AWS, HTTPS, Deployment) [Full Stack Part3]

funcoding

First Steps in Python Backend with FastAPI (From FastAPI to Asynchronous SQLAlchemy) [Full Stack Part 1-2]강의 썸네일

First Steps in Python Backend with FastAPI (From FastAPI to Asynchronous SQLAlchemy) [Full Stack Part 1-2]

funcoding

This course offers an easy and fast way to learn FastAPI, the latest full-stack and backend framework, along with cleanly organized materials and projects that cover backend concepts, core FastAPI syntax, and asynchronous database utilization in an easy, step-by-step manner.

초급

초급

FastAPI, Python, backend

First Steps in Python Backend with FastAPI (From FastAPI to Asynchronous SQLAlchemy) [Full Stack Part 1-2]강의 썸네일

First Steps in Python Backend with FastAPI (From FastAPI to Asynchronous SQLAlchemy) [Full Stack Part 1-2]

funcoding

[Renewed] First-time Python Data Analysis (Easy! Learn the entire process of preprocessing, pandas, and visualization) [Data Analysis/Science Part1]강의 썸네일

[Renewed] First-time Python Data Analysis (Easy! Learn the entire process of preprocessing, pandas, and visualization) [Data Analysis/Science Part1]

funcoding

This course aims to teach data analysis beginners fundamental skills for the entire Python data analysis workflow. As an e-commerce planner and developer leveraging real-world data analysis, I crafted this for easy acquisition and immediate application of the full Python data analysis process.

초급

초급

Python, Pandas

[Renewed] First-time Python Data Analysis (Easy! Learn the entire process of preprocessing, pandas, and visualization) [Data Analysis/Science Part1]강의 썸네일

[Renewed] First-time Python Data Analysis (Easy! Learn the entire process of preprocessing, pandas, and visualization) [Data Analysis/Science Part1]

funcoding

[Renewal] Introduction to Python Backend and Web Technology for Beginners (Python Intermediate, Understanding Backend and Web Technology Basics with Flask) [Full Stack Part1-1]강의 썸네일

[Renewal] Introduction to Python Backend and Web Technology for Beginners (Python Intermediate, Understanding Backend and Web Technology Basics with Flask) [Full Stack Part1-1]

funcoding

Based on real-world web service development experience, this full-stack series targets beginners, aiming to develop web and app services capable of actual commercialization. As the initial step (part1-1), this lecture details intermediate Python for full-scale development, backend implementation with flask, and essential web technologies (e.g., HTTP, RestAPI, MVC patterns).

초급

초급

Python, REST API, Flask

[Renewal] Introduction to Python Backend and Web Technology for Beginners (Python Intermediate, Understanding Backend and Web Technology Basics with Flask) [Full Stack Part1-1]강의 썸네일

[Renewal] Introduction to Python Backend and Web Technology for Beginners (Python Intermediate, Understanding Backend and Web Technology Basics with Flask) [Full Stack Part1-1]

funcoding

Deep Learning and PyTorch Bootcamp for Beginners (Easy! From Basics to ChatGPT Core Transformer) [Data Analysis/Science Part3]강의 썸네일

Deep Learning and PyTorch Bootcamp for Beginners (Easy! From Basics to ChatGPT Core Transformer) [Data Analysis/Science Part3]

funcoding

This newly designed course, drawing from the instructor's initial deep learning failures, helps you progressively learn deep learning essentials: math, theory, PyTorch-based implementation, transfer learning, and GPT's core Transformer.

초급

초급

Deep Learning(DL), PyTorch, Machine Learning(ML)

Deep Learning and PyTorch Bootcamp for Beginners (Easy! From Basics to ChatGPT Core Transformer) [Data Analysis/Science Part3]강의 썸네일

Deep Learning and PyTorch Bootcamp for Beginners (Easy! From Basics to ChatGPT Core Transformer) [Data Analysis/Science Part3]

funcoding

Computer Science (CS Knowledge) Bootcamp for Beginners | Computer Architecture, Operating Systems, Networks강의 썸네일

Computer Science (CS Knowledge) Bootcamp for Beginners | Computer Architecture, Operating Systems, Networks

funcoding

This is Part 1 of a roadmap lecture that concisely organizes the essential computer science (CS knowledge) needed to excel in development and data, in a short period. This lecture has also been used as an in-house lecture at top domestic companies for several years. Based on 20 years of experience in actual practice, from system SW to web, app development, and data science, this lecture systematically yet easily organizes the essential core knowledge needed to excel in development and data.

입문

입문

Network, Computer Architecture, Operating System

Computer Science (CS Knowledge) Bootcamp for Beginners | Computer Architecture, Operating Systems, Networks강의 썸네일

Computer Science (CS Knowledge) Bootcamp for Beginners | Computer Architecture, Operating Systems, Networks

funcoding

[Renewal] First-time Python Machine Learning Bootcamp (Easy! Solving Real Kaggle Problems) [Data Analysis/Science Part2]강의 썸네일

[Renewal] First-time Python Machine Learning Bootcamp (Easy! Solving Real Kaggle Problems) [Data Analysis/Science Part2]

funcoding

Unlike existing lectures, this course has been newly designed based on the instructor's initial failures in learning machine learning, enabling easy understanding and application to real-world problems.

초급

초급

Machine Learning(ML), Kaggle, Pandas

[Renewal] First-time Python Machine Learning Bootcamp (Easy! Solving Real Kaggle Problems) [Data Analysis/Science Part2]강의 썸네일

[Renewal] First-time Python Machine Learning Bootcamp (Easy! Solving Real Kaggle Problems) [Data Analysis/Science Part2]

funcoding

Intermediate-Advanced SQL and 101 Practical Data Analysis Problem Solutions강의 썸네일

Intermediate-Advanced SQL and 101 Practical Data Analysis Problem Solutions

funcoding

Master advanced SQL, solve 101 practical data analysis problems at a professional level together, and build a solid SQL data analysis skillset.

초급

초급

SQL, MySQL, DBMS/RDBMS

Intermediate-Advanced SQL and 101 Practical Data Analysis Problem Solutions강의 썸네일

Intermediate-Advanced SQL and 101 Practical Data Analysis Problem Solutions

funcoding

Flutter for Beginners: From Basics to Practice [Full Stack Part4] (Easy and Solid Step-by-Step with Various Projects)강의 썸네일

Flutter for Beginners: From Basics to Practice [Full Stack Part4] (Easy and Solid Step-by-Step with Various Projects)

funcoding

This comprehensive course allows step-by-step Flutter learning, from Dart programming basics to Flutter's basic/intermediate features, and integrating backend Firebase for real projects.

초급

초급

Flutter, Firebase, firestore

Flutter for Beginners: From Basics to Practice [Full Stack Part4] (Easy and Solid Step-by-Step with Various Projects)강의 썸네일

Flutter for Beginners: From Basics to Practice [Full Stack Part4] (Easy and Solid Step-by-Step with Various Projects)

funcoding

Similar courses

Explore other courses in the same field!

Frontend lectures for backend developers, by backend developers - Basics강의 썸네일

Frontend lectures for backend developers, by backend developers - Basics

foo

For job seekers who have created a portfolio as a backend developer but have nothing to show but an API, we will provide the experience of adding a frontend to create a web service.

초급

초급

HTML/CSS, JavaScript, Bootstrap

Frontend lectures for backend developers, by backend developers - Basics강의 썸네일

Frontend lectures for backend developers, by backend developers - Basics

foo

From Events to SPA, the Essential Engine of Interactive Web - [Complete DOM Mastery Part 2]강의 썸네일

From Events to SPA, the Essential Engine of Interactive Web - [Complete DOM Mastery Part 2]

nhcodingstudio

This course goes beyond simple DOM manipulation, deeply learning how to dynamically compose and react to web UIs within interactions with actual users. It's structured for you to learn by directly implementing common issues encountered in practice, from the essence of event systems, bubbling and capturing, event delegation, real-time UX feedback, to performance optimization using throttle & debounce. Based on an understanding of the DOM tree structure, you will develop the ability to flexibly connect event flow and state changes.

초급

초급

HTML/CSS, JavaScript, React

From Events to SPA, the Essential Engine of Interactive Web - [Complete DOM Mastery Part 2]강의 썸네일

From Events to SPA, the Essential Engine of Interactive Web - [Complete DOM Mastery Part 2]

nhcodingstudio

Everything About Structure Navigation and Manipulation - [Complete DOM Mastery Part 1]강의 썸네일

Everything About Structure Navigation and Manipulation - [Complete DOM Mastery Part 1]

nhcodingstudio

No matter how much you study React, Next.js, or Vue, if the code feels abstract and the structure isn't clearly understood, the root cause might be a lack of understanding of DOM. DOM is the foundation of all frontend frameworks and the entity that connects the structure and behavior of web pages. This lecture goes beyond simple selectors or manipulation methods, teaching step-by-step from the very beginning how HTML transforms into DOM objects and how to select, traverse, and manipulate this structure. It is the Part 1 introductory lecture of 'Complete DOM Mastery'. HTML tags are just structure, and JavaScript is just behavior, but DOM is the core that connects the two. If you clearly understand this connection, you'll be able to precisely grasp the true structure and flow within any framework you use.

입문

입문

HTML/CSS, JavaScript, React

Everything About Structure Navigation and Manipulation - [Complete DOM Mastery Part 1]강의 썸네일

Everything About Structure Navigation and Manipulation - [Complete DOM Mastery Part 1]

nhcodingstudio

Mastering HTML + CSS: The Complete Guide from Beginner to Advanced - Part 1 [Basics]강의 썸네일

Mastering HTML + CSS: The Complete Guide from Beginner to Advanced - Part 1 [Basics]

nhcodingstudio

The "Learning HTML + CSS Properly: Complete Mastery from Beginner to Practical Application Part 1" course is designed to provide a deep understanding of how the internet and the web work, and to solidify the basics of HTML/CSS through a practice-oriented curriculum. By taking this course, you can firmly grasp the essential concepts of web development and immediately apply them to projects.

입문

입문

HTML/CSS

Mastering HTML + CSS: The Complete Guide from Beginner to Advanced - Part 1 [Basics]강의 썸네일

Mastering HTML + CSS: The Complete Guide from Beginner to Advanced - Part 1 [Basics]

nhcodingstudio

[React Part 2] Advanced Topics and Hooks강의 썸네일

[React Part 2] Advanced Topics and Hooks

jeonghwan

Now React truly starts to 'make sense'. Advanced concepts and Hooks, learn easily and accurately.

중급이상

중급이상

React Context, react-hooks, React

[React Part 2] Advanced Topics and Hooks강의 썸네일

[React Part 2] Advanced Topics and Hooks

jeonghwan

A real introductory all-in-one development boot camp for non-majors강의 썸네일

A real introductory all-in-one development boot camp for non-majors

grab

The ultimate full-stack course that teaches even beginners about web, server, mobile apps, and machine learning!! If you're not sure where to start with development, I highly recommend this course. It's all done with just Javascript!

입문

입문

JavaScript, React, Node.js

A real introductory all-in-one development boot camp for non-majors강의 썸네일

A real introductory all-in-one development boot camp for non-majors

grab

Coding Basics and Web Full Stack Development of Jocoding강의 썸네일

Coding Basics and Web Full Stack Development of Jocoding

jocoding

Coding No. 1 YouTuber Jo Coding's practical compression! Easy and fun web full-stack development lecture

입문

입문

HTML/CSS, JavaScript, Node.js

Coding Basics and Web Full Stack Development of Jocoding강의 썸네일

Coding Basics and Web Full Stack Development of Jocoding

jocoding

AI Vibe Coding Beginner Course Accessible to Non-Majors강의 썸네일

AI Vibe Coding Beginner Course Accessible to Non-Majors

itconnect

💡 Even non-developers can go from startup MVP to monetized service in just 10 hours with AI! 💰 Development that used to cost tens of millions in outsourcing fees now completely solved for 120,000 won 🎯 Complete 5 real business projects including business card recognition, sentiment analysis, and location analysis 🔥 If you're a planner, marketer, or aspiring entrepreneur, implement ideas without developers ⚡ Start now and acquire lifelong development independence skills!

입문

입문

HTML/CSS, Java, Web Application

AI Vibe Coding Beginner Course Accessible to Non-Majors강의 썸네일

AI Vibe Coding Beginner Course Accessible to Non-Majors

itconnect

First Steps in Website Development for Non-Majors #HTML, #CSS강의 썸네일

First Steps in Website Development for Non-Majors #HTML, #CSS

banana-coder

To become a developer who creates websites, there are many skills to learn. Among those many skills, I will explain HTML and CSS, which are the basics of website creation and the first things you should learn. You will learn how to write HTML and CSS, and at the end, you will do a project to create a website similar to the actual Amazon website. And you can create a URL of the project you made and distribute it.

입문

입문

HTML/CSS, github-desktop

First Steps in Website Development for Non-Majors #HTML, #CSS강의 썸네일

First Steps in Website Development for Non-Majors #HTML, #CSS

banana-coder

Advanced Modern Javascript with ES6 Grammar Part 2강의 썸네일

Advanced Modern Javascript with ES6 Grammar Part 2

usefulit

This course is designed to learn the JavaScript programming language along with the latest ES6 grammar.

중급이상

중급이상

JavaScript, ES6

Advanced Modern Javascript with ES6 Grammar Part 2강의 썸네일

Advanced Modern Javascript with ES6 Grammar Part 2

usefulit

Properly Learning JavaScript: Mastering Object-Oriented Programming & Applied Strategy AI Tic-Tac-Toe Part 2 [Intermediate]강의 썸네일

Properly Learning JavaScript: Mastering Object-Oriented Programming & Applied Strategy AI Tic-Tac-Toe Part 2 [Intermediate]

nhcodingstudio

📌 This course starts with a strategic AI Tic-Tac-Toe project and is a curriculum that completes the core concepts of object-oriented programming through practical examples. Through game implementation, you will train logic design and AI strategic thinking, and then directly experience OOP design techniques such as inheritance, composition, delegation, and encapsulation through code. This is recommended for those who want to go beyond syntax and grow into a 'designing developer' through a real project.

초급

초급

JavaScript, HTML/CSS, oop

Properly Learning JavaScript: Mastering Object-Oriented Programming & Applied Strategy AI Tic-Tac-Toe Part 2 [Intermediate]강의 썸네일

Properly Learning JavaScript: Mastering Object-Oriented Programming & Applied Strategy AI Tic-Tac-Toe Part 2 [Intermediate]

nhcodingstudio

Mobile, tablet, pc responsive instagram clone coding강의 썸네일

Mobile, tablet, pc responsive instagram clone coding

jeong4726

Through this lecture, students can create a web service similar to Instagram using HTML, CSS, and JS. (Only the front-end is implemented! The back-end server construction will be filmed in a later lecture.)

초급

초급

HTML/CSS, JavaScript, Clone Coding

Mobile, tablet, pc responsive instagram clone coding강의 썸네일

Mobile, tablet, pc responsive instagram clone coding

jeong4726

[Code Factory] [Introduction] Complete Code Factory's Javascript full course in just 9 hours강의 썸네일

[Code Factory] [Introduction] Complete Code Factory's Javascript full course in just 9 hours

codefactory

With this one course, you can learn the basics of popular Javascript frameworks and Typescript.

입문

입문

JavaScript

[Code Factory] [Introduction] Complete Code Factory's Javascript full course in just 9 hours강의 썸네일

[Code Factory] [Introduction] Complete Code Factory's Javascript full course in just 9 hours

codefactory

[2024] HTML Basics by Lee Behayan강의 썸네일

[2024] HTML Basics by Lee Behayan

rebehayan

This course covers the basics of HTML grammar. There are missions for various cases, and we will teach you the latest grammar that can be used in practice.

입문

입문

HTML/CSS, nvda

[2024] HTML Basics by Lee Behayan강의 썸네일

[2024] HTML Basics by Lee Behayan

rebehayan

Creating Web Services with Vibe Coding With Claude Code강의 썸네일

Creating Web Services with Vibe Coding With Claude Code

ref63184917

A current startup CTO will share vibe coding knowledge gained through actual services and various outsourcing projects.

입문

입문

HTML/CSS, JavaScript, Next.js

Creating Web Services with Vibe Coding With Claude Code강의 썸네일

Creating Web Services with Vibe Coding With Claude Code

ref63184917

Responsive Web Development Using Bootstrap [Basic Concepts] Bootcamp강의 썸네일

Responsive Web Development Using Bootstrap [Basic Concepts] Bootcamp

youngcodikimssam

This is a revised version of a lecture on how to use Bootstrap to create responsive web pages that change layout depending on the device.

초급

초급

Bootstrap, Responsive Web, Web Design

Responsive Web Development Using Bootstrap [Basic Concepts] Bootcamp강의 썸네일

Responsive Web Development Using Bootstrap [Basic Concepts] Bootcamp

youngcodikimssam

P2P communication using WebRTC that no one tells you about강의 썸네일

P2P communication using WebRTC that no one tells you about

July

You can learn about webcam and peer-to-peer communication implemented using WebRTC.

입문

입문

Go, webrtc, p2p

P2P communication using WebRTC that no one tells you about강의 썸네일

P2P communication using WebRTC that no one tells you about

July

Clean up JavaScript: Base buildup!강의 썸네일

Clean up JavaScript: Base buildup!

tonextday

It covers thinking. You can logically organize the core and fundamentals of JavaScript. You can organize your own JavaScript experience and thoughts. You can establish the logic of JavaScript technology. You can broaden your perspective on the entire JavaScript. You can prepare for JavaScript technical interview questions.

초급

초급

JavaScript, Interview, Tech Interview

Clean up JavaScript: Base buildup!강의 썸네일

Clean up JavaScript: Base buildup!

tonextday

[Code Factory] [Beginner] NestJS REST API Backend Complete Conquest Master Class - NestJS Core강의 썸네일

[Code Factory] [Beginner] NestJS REST API Backend Complete Conquest Master Class - NestJS Core

codefactory

JavaScript, TypeScript Next is backend development! You will be able to develop REST API backends using NestJS, develop and deploy Socket IO.

초급

초급

NestJS, REST API, backend

[Code Factory] [Beginner] NestJS REST API Backend Complete Conquest Master Class - NestJS Core강의 썸네일

[Code Factory] [Beginner] NestJS REST API Backend Complete Conquest Master Class - NestJS Core

codefactory

Practical React Native for iOS/Android App Development - Basic강의 썸네일

Practical React Native for iOS/Android App Development - Basic

Wintho

The goal is to acquire basic knowledge of React Native for mobile app front-end development. This course is designed to enable non-experts to easily develop native mobile apps by utilizing languages/APIs with low entry barriers.

초급

초급

React Native, React, ES6

Practical React Native for iOS/Android App Development - Basic강의 썸네일

Practical React Native for iOS/Android App Development - Basic

Wintho