강의

멘토링

커뮤니티

Programming

/

Web Development

Real! Website Creation! Step by Step! (Wise Studio_Responsive Web)

Real! Website Creation! Step By Step Application Course This is a course to create the main page of Ystudio (http://www.ystudio.co.kr/) using html/CSS/jQuery and plug_in. (Complete lecture file attached!)

(4.9) 16 reviews

198 learners

Level Basic

Course period Unlimited

  • jyoung
  • janey23
  • headong2
HTML/CSS
HTML/CSS
Responsive Web
Responsive Web
jQuery
jQuery
Interactive Web
Interactive Web
HTML/CSS
HTML/CSS
Responsive Web
Responsive Web
jQuery
jQuery
Interactive Web
Interactive Web

Reviews from Early Learners

Reviews from Early Learners

4.9

5.0

지영

81% enrolled

Thank you for the high quality lecture

5.0

SooJung Jo

97% enrolled

Please upload a lot of trending homepages these days~

5.0

박수민

100% enrolled

Thank you for the easy-to-follow lectures, I was able to complete the course without difficulty and with enjoyment!

What you will gain after the course

  • Layout design using HTML5/CSS3

  • How to apply web font icon (linearicon)

  • How to apply web fonts (googlefonts)

  • Various mouse over effects

  • How to use developer tools

  • jQuery: gnb jQuery that appears when you click the hamburger menu

  • jQuery: jQuery header fixed to the top when scrolling

  • jQuery: jQuery that moves smoothly to the top when the top move button is pressed

  • plug-in: Animation that progresses when scrolling (scrolla.jquery application)

  • plug-in: Image slide with animation (slick plugin)

  • Creating a responsive web page (PC mode, tablet mode, mobile mode)

  • Responsive: How to use media queries

  • responsive: viewport


If you only know HTML and CSS
Web page creation OK!


If you are looking for a job as a UI/UX designer or front-end developer , you need to have at least 5-6 portfolios of web pages that fit the current trends .


This lecture is about selecting a website that is currently commercially available , has excellent aesthetic elements that are in line with the 2020 trends, and is suitable for portfolio creation, and creating it as is .


The course is designed for those with basic knowledge of HTML
and CSS and will proceed by implementing actual web pages .
Even if you don't know difficult JavaScript and jQuery , we help you create beautiful and colorful web pages in a short period of time by utilizing libraries and plugins based on HTML and CSS .

Step By Step!
Get started right now.


If you prepare a portfolio while taking a webpage lecture composed of interactive elements essential for practical work , you will be able to complete a high-quality portfolio by the end of the lecture and get closer to successful employment.

>> Responsive web page creation from PC mode to tablet and mobile mode (768px)

>> Responsive web page creation from PC mode to tablet and mobile mode (414px)

>> Responsive web page creation from PC mode to tablet and mobile mode (320px)

After the lecture is over
What you get :D

1. Solid layout production skills

When creating a web page , creating an accurate layout based on HTML and CSS is paramount . Even if you know HTML and CSS but have no sense of layout design , if you diligently follow this lecture, which thoroughly covers the basics , you will soon feel that you have 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 attending the lectures, 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 seizing 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

For creating an eye-catching website
Learn about the curriculum

1. Layout html/ccs
- How to apply web font icons linearicon
- How to apply web fonts googlefonts
- Various mouse over effects
- How to use developer tools

2. Simple jquery usage
- gnb jQuery that appears when you click the hamburger menu
- jQuery header fixed to the top when scrolling
- jQuery that moves smoothly to the top when the top move button is pressed

3. Create simpler and more effective web pages by applying various jQuery plugins.
- Animation that occurs when scrolling - How to apply the scrolla.jquery plugin/how to use options
- Image slides with animation - How to apply the Slick plugin/How to use options

4. Building a Responsive Web Page
- How to use media queries
- viewport

What's special about this course? I'm curious!

Q1. Will it help me get a job?
A1. A single image speaks louder than a long text. If you create a webpage while attending the lecture, you'll be able to create a compelling portfolio that will immediately catch the eye of hiring managers, greatly assisting your job search.

Tools covered here

After this lecture, you will have a different design style and feel.
Ten website creation courses will be opened sequentially.


Students preparing their portfolios are encouraged to refer to this and work together to create high-quality web pages.

 

tml, css, html/css, website, website, coding, jquery, jQuery, layout, interactive web, web design, portfolio, publishing

Recommended for
these people

Who is this course right for?

  • 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 portfolio for employment as a web designer or publisher

  • A graphic designer who wants to transition to a front-end developer.

  • Those who have basic HTML/CSS knowledge but are afraid of creating web pages

Need to know before starting?

  • HTML/CSS

Hello
This is

9,035

Learners

366

Reviews

227

Answers

4.8

Rating

14

Courses

"디자인.개발 포트폴리오 멘토 J.Young입니다."

저는 지난 20년간 웹 디자인 및 앱 개발 회사를 운영하며 현장의 치열함을 몸소 겪어왔습니다. 그 경험을 바탕으로 현재는 대학과 전문 교육 기관에서 UI/UX 디자인부터 프론트엔드 개발까지, 후배 전문가들을 양성하는 데 매진하고 있습니다.

저의 강의 철학은 명확합니다.

  1. 기초부터 실무까지 막힘없는 연결

  2. 현업이 원하는 핵심 기술의 압축

  3. 취업 성공을 부르는 실무형 포트폴리오 완성

어디서부터 시작할지 막막하신 분, 이직을 꿈꾸지만 시간이 부족한 직장인, 그리고 코딩이 남의 이야기처럼 느껴지는 초보자분들까지. 제가 걸어온 20년의 길을 여러분의 지름길로 만들어 드리겠습니다. 당당히 실무자로 서는 그날까지, 여러분의 든든한 사수가 되어 최선을 다해 돕겠습니다.

J.young이 도와드리겠습니다.!!
또한!! 학습하시다 궁금하신 점 있으시면 댓글 남겨주시면
도움이 드릴 수 있는 답을 드리도록 최선을 다하겠습니다.

실무경력

- 2017~현) 웹개발 Director
- 2015년~2017년(주)엘리에셀 총괄 이사
- 2003년~2015년 (주)어뮤징웨어 총괄 이사
- 2003년: 서우씨앤디 디자인실장


- 현)
- UIUX웹기획/ 디자인/프론트엔드 부트캠프 강사 (이젠DX아카데미 -서초점)
- 디자인.개발 포트폴리오 전문 강의 및 그룹 및 개인 지도

 
* 운영중인 유튜브 (코딩하는 디자이너)

보다 원활한 학습을 위해, J.young이 운영하는 잘난웹디 오픈채팅방에 가입하시면,
강의 질문과 포트폴리오 관련 피드백 드립니다.

- 오픈채팅방명 : 잘난웹디
- 코드 : jyoung

 

Curriculum

All

32 lectures ∙ (5hr 24min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

16 reviews

4.9

16 reviews

  • kiki606a0614님의 프로필 이미지
    kiki606a0614

    Reviews 2

    Average Rating 5.0

    5

    81% enrolled

    Thank you for the high quality lecture

    • jyoung
      Instructor

      Jiyoung, thank you for your hard work~ You finished the lecture in a short time... Thank you... We are currently preparing the next stage of the course, so please continue to show interest Thank you^^

  • josujung10111483님의 프로필 이미지
    josujung10111483

    Reviews 1

    Average Rating 5.0

    5

    97% enrolled

    Please upload a lot of trending homepages these days~

    • jyoung
      Instructor

      Mr. Sujeong! Thank you so much for your hard work and for leaving a review. I will use your review to come up with a better course. I am currently filming an interactive web that is in line with the current trend... I will upload it soon so that it is cool, fancy, and easy to understand. I ask for your continued love and interest. Thank you^^

  • bapzelo974355님의 프로필 이미지
    bapzelo974355

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    Thank you for the easy-to-follow lectures, I was able to complete the course without difficulty and with enjoyment!

    • jyoung
      Instructor

      Thank you for your class review, Sumin. We will come back with better lectures. J.young Dream

  • jasonchoidba9534님의 프로필 이미지
    jasonchoidba9534

    Reviews 4

    Average Rating 5.0

    5

    97% enrolled

    Thank you for the great lecture.

    • jyoung
      Instructor

      Thank you, Choi Jason, for your review. We will prepare more useful lectures in the future~~^^ Have a great day today ^^~~

  • winterlove님의 프로필 이미지
    winterlove

    Reviews 4

    Average Rating 4.8

    5

    100% enrolled

    I tried to practice by reading the book alone, but I couldn't do it properly, but after taking J. Young's Wise Studio responsive web course, I feel like I'm starting to get the hang of it. As I follow the markup step by step, it feels easy, and now I'm confident^^ Thank you.

    • jyoung
      Instructor

      Kate Thank you for your course review. I am even more grateful that you gained confidence after taking my lecture.. I will always prepare lectures that are up to date with the latest trends and have high practical application, and I will make sure that it will be a lecture that will greatly help you in creating your portfolio. Thank you Have a great day today^^

$37.40

jyoung's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!