A Solid Front-End Bootcamp for Full-Stack Developers (HTML, CSS, Vanilla JavaScript + ES6) [Full-Stack Part 2]

A full-stack series course aimed at beginners, based on real-world experience developing actual web services, with the goal of building web and app services to a level suitable for actual commercialization. As Part 2 of this series, this course thoroughly covers the latest HTML5, CSS3, and Vanilla JavaScript (Javascript) + ES6, including responsiveness and compatibility, among the many available frontend technologies.

(4.9) 184 reviews

2,798 learners

Level Beginner

Course period Unlimited

HTML/CSS
HTML/CSS
JavaScript
JavaScript
ES6
ES6
HTML/CSS
HTML/CSS
JavaScript
JavaScript
ES6
ES6

Reviews from Early Learners

4.9

5.0

hanyn

100% enrolled

It was good to be able to implement web technologies (slides, etc.) that I saw on actual sites. The path to studying front-end was daunting, but I think I got a feel for it through the lecture. It is a lecture that provides substantial lecture materials to the point where you can hardly feel the limitations of online lectures, and it is a lecture with a well-organized lecture structure and time allocation, so it is easy to concentrate and there is a lot to learn. I think it is a lecture that instills confidence and interest in studying front-end. I will continue to study development in the future using this lecture as a stepping stone and I want to become a developer like Janjaemi Coding someday! Thank you.

5.0

opert93

100% enrolled

It was good to be able to learn the basics of the front-end. I think it would have been more helpful for me to build a solid foundation rather than directly deal with the framework of the front-end. Based on this, I will learn the latest frameworks such as React/Flutter. I am always grateful to the instructor.

5.0

jypark3152

100% enrolled

The course is structured so that even if you don't know anything from the beginning, it's easy to understand because it explains everything from the basics step by step. The lecture length is not too long, so the time allocation is appropriate so that you won't get bored.

What you will gain after the course

  • Build a strong foundation in frontend development with ease

  • Development of responsive, cross-browser web services

  • Detailed Modern HTML and CSS Features

  • VanillaJS (Javascript) with compatibility in mind

  • A complete HTML/CSS/JS+ES6 package for developing the latest commercial services

Recommended for
these people

Who is this course right for?

  • Part 2 Course for Full-Stack Development

  • Those who want to build a strong foundation in frontend development

  • Those who want to develop a web service that can be commercialized immediately.

  • For those who need an overview of various front-end technologies, including responsiveness and compatibility.

  • Introduction to Frontend Development

Need to know before starting?

  • If possible, I highly recommend taking this course alongside the Full-Stack Part 1 course.

Hello
This is funcoding

Inflearn Verified

Career Verified

34,479

Learners

2,592

Reviews

1,952

Answers

4.9

Rating

13

Courses

Janjemi Coding, Dave Lee

  • About Janjaemi Coding Introduction Blog [Click]

  • Key Experience: Coupang Senior Development Manager/Principal Product Manager, Samsung Electronics Development Manager (Approx. 15 years of experience)

  • Education: BA in Japanese Language and Literature, Korea University / MS in Computer Science, Yonsei University (A complete mix)

  • Key Development Experience: Samsung Pay, E-commerce Search Service, RTOS Compiler, Linux Kernel Patch for NAS

  • Books: Linux Kernel Programming, Understanding and Developing the Linux Operating System, IT Core Technologies That Anyone Can Easily Read and Understand, Python Programming Primer for Absolute Beginners

  • Operating Site: Fun-Coding (http://www.fun-coding.org) [Click]

  • This is a site that shares free materials related to full-stack development, data science, and AI.

  • Others: Fun-Coding YouTube Channel [Click]

    • I am starting little by little to share tips and short free lectures that are helpful for IT learning~

While working in the industry, I have been consistently creating solid full-stack, data science, and AI courses for 8 years.

 

More

Curriculum

All

79 lectures ∙ (17hr 36min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

184 reviews

4.9

184 reviews

  • 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. !!!!

  • 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

  • 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.

  • 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.

  • dudley님의 프로필 이미지
    dudley

    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

funcoding's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!