1. 1 단계-html 학습
HTML (HyperText Mark-up Language) 은 웹 페이지의 골격으로 정적 또는 동적 웹 페이지 모두 브라우저 측으로 돌아가는 HTML 코드입니다. 브라우저는 HTML 코드 해석을 렌더링한 후 사용자에게 제공합니다. 따라서 HTML 의 기본 구조와 공통 태그 및 속성을 파악해야 합니다.
HTML 학습은 Dreamweaver 의 "분할" 뷰를 통해 학습할 수 있는 기억과 이해의 과정입니다. [디자인] 뷰에서 효과를 보고, [코드] 뷰 중학교의 본질에서 다양한 뷰의 장점을 극대화하는데, 이런 비교 학습 방법은 단순히 HTML 태그와 속성을 기억하는 무미건조함을 보완하며, 여러분이 처음 배우는 작은 분우들에게는 반드시 좋을 것입니다!
HTML 을 공부한 후, 우리는 단지 각종' 원자재' 의 제작 방법을 파악했을 뿐, 건물 한 채를 지으려면 이' 원자재' 를 우리가 설계한 방안에 따라 함께 배치해 일부 스타일의 미화를 진행해야 한다.
2. 2 단계-CSS 학습
CSS 는 Cascading Style Sheets (cascading stylesheets) 의 약자로 CSS (cascading stylesheets) 라고 하며 웹 표현을 내용과 실제로 분리할 수 있는 스타일 디자인 언어입니다. 기존 HTML 의 표현에 비해 스타일을 재사용할 수 있으므로 개발 속도가 크게 향상되고 유지 관리 비용이 절감됩니다.
또한 CSS 의 상자 모델, 상대 레이아웃, 절대 레이아웃 등을 통해 웹 페이지에 있는 각 객체의 위치 조판을 픽셀 단위로 정확하게 제어할 수 있습니다. 이 단계의 학습을 통해 우리는' 건물 한 채' 건설을 순조롭게 완성할 수 있다.
"건물" 건설이 완료되면 사용자에게 맡길 수 있지만, 사용자가 더 나은 경험을 얻을 수 있도록 하려면 "건물" 에 대해 한 단계 더 "인테리어" 를 해서 좀 더 "럭셔리" 해 볼 수 있습니다.
3. 세 번째 단계-자바 학습
Java 는 클라이언트에서 널리 사용되는 발자취 언어로, Java 에서 내장된 함수, 개체 및 DOM 작업을 제공합니다. 이를 통해 우리는 일부 클라이언트의 특수 효과, 검증, 상호 작용 등을 실현할 수 있습니다 있어요? 이 시점에서, 당신은 여전히 자바가 당신에게 가져온 놀라움에 빠져 있을지 모르지만, 당신의 프로젝트 매니저는 갑자기 당신에게 "이 효과는 ××× 브라우저에서 호환되지 않습니다. 다시 ..." "호환되지 않습니까?" 라고 소리쳤다. 순식간에 석화되었는데 나무가 있어요? \ "나는 문질러, 구덩이 아버지 아! 그건 내가 하룻밤에 수백 줄의 코드를 써서 만든 거야, 피를 토했어! " Java 의 호환성과 복잡성은 때때로 우리를 골치 아프게 하지만, 다행히도' 대신' 이 우리를 캡슐화해 주었다.
4. 4 단계-jquery 의 학습
JQuery 는 무료 오픈 소스 경량 Java 라이브러리이며 다양한 브라우저와 호환됩니다 (jQuery2.0 및 후속 버전은 IE6/7/8 브라우저에 대한 지원을 포기함). 또한 다양한 jQuery 기반 플러그인을 선택할 수 있어 풍부한 동적 효과를 얻을 때 더욱 쉽고 빠르며 개발 시간을 크게 절약할 수 있습니다 이 Feel 은 배로 시원합니다! 있어요? "럭셔리 빌딩" 이 여기까지 일어섰지만, 매일 이렇게 매일, 해마다 건물을 짓는 것은 정말 번거롭다! (윌리엄 셰익스피어, 럭셔리 빌딩, 럭셔리 빌딩, 럭셔리 빌딩, 럭셔리 빌딩, 럭셔리 빌딩) 건물 안의 각 개별 부품을 모듈화할 수 있습니까? 건물을 지어야 할 때 쌓인 나무처럼 함께 조립할 수 있다면, 이렇게 하면 시원스럽지 않습니까? 가능할까요? 대답은' 예' 입니다.
이 아이디어는 웹 프런트 엔드 개발에도 적합하기 때문에 다양한 프런트 엔드 프레임 워크가 등장했습니다. 여기서 추천하는 것은 Bootstrap 입니다. Bootstrap 은 Twitter 에서 출시한 오픈 소스 프런트 엔드 개발을 위한 툴킷으로 CSS/HTML 프레임워크이며 응답 레이아웃을 지원합니다. 출시 후 큰 인기를 끌면서, 줄곧 GitHub 에서 인기 있는 오픈 소스 프로젝트였다. 프로젝트 개발 과정에서 Bootstrap 에서 제공하는 CSS 스타일, 구성 요소, Java 플러그인 등을 사용하여 페이지 레이아웃 및 스타일 설정을 빠르게 완료하고 용도에 맞게 스타일을 미세 조정할 수 있으므로 프레임워크 기반 개발을 통해 개발 주기를 크게 단축할 수 있습니다. 거인의 어깨에 서 있으면 시원하다!