상세 컨텐츠

본문 제목

웹디자인 공부 참고 사이트 정리

컴퓨터공학

by 헤이영 2021. 8. 26. 17:25

본문

반응형

-해외

 

https://codepen.io/cssjockey/pen/jGzuK

 

Tabbed Content with jQuery and CSS

...

codepen.io

-html / css / scripts 동시에 보고 하단에서 구현된 기능을 확인할 수 있다.

+)값을 바꾸면 바로 적용된 이미지도 확인가능하다

 

 

W3Schools Online Web Tutorials

 

W3Schools Online Web Tutorials

HTML Example:

This is a heading

This is a paragraph.

Try it Yourself CSS Example: body {   background-color: lightblue; } h1 {   color: white;   text-align: cente

 

www.w3schools.com

 

-html / css / scripts에 있는 각 기능 개념익히기 좋다(단 설명이 다 영어다)

 

 

 

 

-국내

 

타입스크립트 시작하기 - 인프런 | 강의 (inflearn.com)

 

타입스크립트 시작하기 - 인프런 | 강의

타입스크립트를 배우고 싶은 자바스크립트 개발자를 위한 강의입니다. 타입스크립트의 고급 기능까지 배울 수 있습니다., 저자 직강! 타입스크립트, 기초부터 고급 기능까지 탄탄하게 배워보

www.inflearn.com

-인간 유료이긴한데 학원가기 힘든사람 듣기 좋다고 한다

 

-무료강의사이트

https://www.edwith.org/

 

에듀케이션위드 : edwith

에드위드(edwith)는 네이버(NAVER)와 네이버 커넥트재단(NAVER Connect)이 제공하는 온라인 강좌(MOOC : Massive Online Open Course) 교육 플랫폼입니다. 에듀케이션위드(education with) 에드위드(edwith)로 분야별 명

www.edwith.org

-강의 대부분은 기본으로 무료 

 

 

https://www.boostcourse.org/

 

다 함께 배우고 성장하는 부스트코스

부스트코스(boostcourse)는 모두 함께 배우고 성장하는 비영리 SW 온라인 플랫폼입니다.

www.boostcourse.org

-강의 대부분은 기본으로 무료 (위에듀케이션위드에 포함된 사이트)

 

 

 

https://dasima.xyz/css-content/

 

CSS content 속성? before, after 및 이미지와 줄바꿈 사용법 | dAsImA

css content 속성은 무엇일까요? content 속성을 before 및 after 가상클래스와 사용하는 예시를 살펴봅니다. 또한 이미지 삽입, 이미지 사이즈 조절과 attr 속성도 살펴봅니다. 마지막으로 content 줄바꿈

dasima.xyz

-상단 바 메뉴 중 기타에서 자기가 필요한 자바스크립 등 들어가서 읽어보면 

처음공부할때 한국어로 적용한이미지 그림으로 비교 정리 잘 되있어 이거 보면 될거같다

 

https://aboooks.tistory.com/85

 

[html/css] display 속성 (inline, block, none, inline-block 차이), visibility 속성(visible, hidden, collapse 차이)

display 속성 (inline, block, none 차이), visibility 속성(visible, hidden, collapse 차이) 오늘 알아 볼 속성은, 어떤 요소를 화면에 보이거나 숨길 때 사용하는 display와 visibilty 속성입니다. *display와..

aboooks.tistory.com

-위처럼 정리 잘된 한국 블로그

 

 

 

 

 

-웹디자인 기능사할때 필요기능 있는 사이트

 

 

제리쿼리 소스 다운 받을때여기로 가서 다운

https://jquery.com/

 

jQuery

What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.

jquery.com

 

관련글 더보기