Solid Front-End Bootcamp for Full Stack (HTML, CSS, Vanilla JavaScript + ES6) [Full Stack Part 2]
This is a full-stack series of lectures that aims to develop web and app services that can be commercialized for beginners based on the experience of developing actual web services in the field. Part 2 of this lecture is a lecture that thoroughly covers the latest HTML5, CSS3, vanilla Javascript + ES6, considering responsiveness and compatibility in front-end technology where various technologies exist.
This course is prepared for Beginners.
What you will learn!
Building Front-End Basics Easily and Solidly
Developing responsive, cross-browser web services
Detailed modern HTML and CSS features
VanillaJS (Javascript) with compatibility in mind
Full set of HTML/CSS/JS+ES6 for developing the latest commercial services
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.
This course covers HTML, CSS, Javascript, responsiveness, compatibility, ES6, etc.
We thoroughly cover the scattered basic front-end technologies you need to know!
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.
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.
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!
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.
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.
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.)
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 🔑
Career Roadmap for Developers, Data Analysts, and Data Scientists!
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?
Part 2 lecture for full stack development
For those who want to build up their front-end fundamentals
Anyone who wants to develop a web service that can be commercialized
Those who need to organize various front-end technologies such as responsiveness and compatibility
Introduction to Frontend
Need to know before starting?
If possible, I strongly recommend taking this course in parallel with the Full Stack Part 1 course.
30,506
Students
2,038
Reviews
1,939
Answers
4.9
Rating
12
Courses
잔재미코딩, Dave Lee
주요 경력: 쿠팡 수석 개발 매니저/Principle Product Manager, 삼성전자 개발 매니저 (경력 약 15년)
학력: 고려대 일어일문 / 연세대 컴퓨터공학 석사 (완전 짬뽕)
주요 개발 이력: 삼성페이, 이커머스 검색 서비스, RTOS 컴파일러, Linux Kernel Patch for NAS
저서: 리눅스 커널 프로그래밍, 리눅스 운영 체제의 이해와 개발, 누구나 쓱 읽고 싹 이해하는 IT 핵심 기술, 왕초보를 위한 파이썬 프로그래밍 입문서
풀스택/데이터과학 관련 무료 자료를 공유하는 사이트입니다.
IT 학습에 도움이 되는 팁/ 짧은 무료 강의를 공유하고자, 조금씩 시작하고 있습니다~
최신 현업과 IT 강의를 병행하며, 8년째 꾸준히 견고한 풀스택과 데이터과학 강의를 만들고 있습니다.
Curriculum
All
78 lectures ∙ (20hr 37min)
Course Materials: