Real! Website Creation! Step by Step! (Musin_Responsive Web)
[Website Creation Step By Step] This is a 3-step course that will teach you how to create the main page of Musign (https://musign.net) as is. This course will teach you the core practical know-how to create complex layouts easily and quickly by creating and implementing the gorgeous interactive web that is contained in the site.^^
Responsive web publishing optimized for various devices (Media query)
Animation using SVG
Image animation using virtual selectors (before, after)
Interactive text animation using the Transform property
Scroll event animation jQuery (scrolla.js) utilization and application
Effect that changes background color based on scroll position (jQuery)
GNB animation with underline following mouse over (jQuery)
GNB Hamburger Menu Open Animation
If you only know HTML and CSS
Webpage & Interactive Web production OK!
This course is designed for those with basic knowledge of HTML and CSS and will proceed by implementing actual web pages .
Step By Step! Get started right now.
You can learn everything from the basics of jQuery to its use in creating web pages. We help you create beautiful and colorful web pages in a short period of time by utilizing libraries and plugins.
Through webpage lectures composed of interactive elements essential for practical work. You can acquire business skills and core practical know-how at once.
The real deal is speed and scalability. Only those who can quickly complete high-quality projects within the given timeframe will be recognized and treated as skilled designers and publishers.
Let's build a Muse site together and learn the know-how to quickly create a gorgeous website !
1. How to create a super simple layout using HTML and CSS 2. Text animation using transfrom 3. Animation using mask effect 4. SVG production application and animation 5. Animation that occurs when scrolling
*Responsive web page creation
- Responsive web design for PC mode resolutions of 1720px to 1401px - Responsive web design for tablet resolutions of 1400px to 1025px - Responsive web design for tablet resolutions of 1024px to 68px
*Responsive web page creation
- Responsive web design for mobile resolutions of 767 to 321px - Responsive web design up to 320px on mobile
* Create menuOpen bar
* How to use developer tools
Afterthe lecture is over What you get :D
1. Solid layout production skills
When creating a webpage, creating an accurate layout based on HTML and CSS is paramount . Even if you have a basic understanding of HTML and CSS but no understanding of layout design , that's okay. If you diligently follow this course, which thoroughly covers the fundamentals , you'll soon find yourself with a solid foundation in layout creation!
2. Increase work productivity!
To increase your work productivity, you need to be able to quickly create interactive websites using libraries and plugins. This course will cover everything from webpage layout creation to responsive page creation. You'll also learn practical skills like scripts, plugins, and animations to create webpages. By consistently practicing while taking the course, you'll find yourself improving your work skills in no time!
3. High-quality portfolio
A high-quality portfolio is one of the most effective tools for demonstrating your professional capabilities and securing new opportunities. By attending lectures and practicing, you'll build your own portfolio. By consistently implementing web pages in subsequent website creation workshops, in addition to this lecture, you'll be able to build a portfolio that will become your most valuable weapon in your job search.
4. Open chat room operation
For a smoother learning experience, join the Jalnan Webdi open chat room run by J.young. We'll share some great tips and free webinar links related to Figma, UI/UX, coding, and portfolio creation.
- Open chat room name: Jalnan Webdi - Code: jyoung
Those who have basic HTML/CSS knowledge but are afraid of creating web pages
A graphic designer who wants to transition to a front-end developer.
Anyone who wants to quickly create a portfolio for employment as a web designer or publisher
For those who want to design and implement various layouts for employment as a web designer or publisher
Anyone who wants to quickly create a cool and flashy site with practical scalability in mind
Hello This is
8,328
Learners
329
Reviews
224
Answers
4.8
Rating
14
Courses
안녕하세요? J.young 임자영입니다.
20여년간의 웹디자인 & 앱개발회사를 운영하며, 대학과 전문학교 및 직업훈련기관에서 UI.UX디자인,웹디자인, 웹퍼블리셔, 프론트엔드개발 강의를 하고 있습니다.
디자인이나 코딩에 대한 기초가 전혀 없는 학생들을 대상으로, 전문가(UI.UX디자이너/ 퍼블리셔/코딩하는 디자이너) 양성을 위해!! - 기초부터 실무까지! - 실무에서 원하는! - 실무에서 바로 써 먹을 수 있는 포트폴리오 제작! 강의로 전문가로써 당당히 실무에 진출할 수 있도록 지도하고 있습니다.
그런 만큼... 많은 제자들이 실무자로써의 그 역량을 발휘하고 있습니다.
-UI/UX디자이너, 퍼블리셔, 프론트엔드개발자가 되고 싶어도 어디서 부터 어떻게 시작할지 막막하신 분들.. - 이직을 위한 정규 코스 학원을 다니고 싶어도 직장 생활로 인해 엄두도 못 내시는 분들.. - 코딩에 '코'자도 모르시는 분! 학원이나 유튜브 등으로 HTML/CSS기초는 배웠지만 - 도통...웹 퍼블리싱 개발 구현이란 남의 이야기이신 분들....
J.young이 도와드리겠습니다.!! 또한!! 학습하시다 궁금하신 점 있으시면 댓글 남겨주시면 도움이 드릴 수 있는 답을 드리도록 최선을 다하겠습니다.
* 오픈채팅방운영
보다 원활한 학습을 위해, J.young이 운영하는 잘난웹디 오픈채팅방에 가입하시면, 피그마, UI.UX, 코딩, 포트폴리오제작 관련 핵꿀팁과 무료웨비나 링크 등을 공유해드립니다.
오픈채팅방명 : 잘난웹디 코드 : jyoung
실무경력
- 2017~현) 웹개발 Director - 2015년~2017년(주)엘리에셀 총괄 이사 - 2003년~2015년 (주)어뮤징웨어 총괄 이사 - 2003년: 서우씨앤디 디자인실장
I wanted to try responsive web without using tools like bootstrap, and the lecture was so calm and clean that I finished it in 3 days. I was able to understand it very easily while working on creating a responsive web.
The length of the first lecture was appropriate, and
overall, there were no unnecessary details or difficult explanations.
I think it will be very helpful for my future studies:)
Thank you.
The teacher explained it in such detail and detail that it was easy to understand and it was a very helpful class. He also provided all the materials and was very kind!! Especially, since I am a beginner in coding, it was difficult to make a layout, but he explained it so easily and clearly that I felt like my skills were improving quickly as I studied. Thank you~~
I am more encouraged by uj06214's course review.
I am even happier that you seem to have accepted the course easily.
I will always come back with good courses.
Thank you.
It was a lecture that explained everything step by step from the basics, so I was able to take the class without difficulty. Although it is an online lecture, it seems like a very informative lecture that goes into detail as if I was listening to it in person! Since it is so intense, I quickly created a website. Thank you.
It has both the core and practicality of the trend. It is a lecture that cannot be easily found anywhere else. I think it will be useful in practice. Thank you for the great lecture :) I will continue to take only j.young's classes in the future.
Thank you for explaining things so calmly and well. It was a great help ^^ Coding was so difficult, but I'm learning little by little and having fun watching the lecture!! I'm learning a lot about how to organize and design complex responsive layouts easily~~ Please continue to provide great lectures!!!
Thank you for your review, jjarajan1213.
Coding may seem difficult at first, but if you keep making 4-5 websites (more than 2 pages),
I think you will gain confidence in how to make a website.
I hope you study hard and achieve your goals^^
I will come back with a good lecture.
Thank you^^
J.young Dream