> Java > java지도 시간 > 본문

자바 프론트엔드에 대해 배울 점

(*-*)浩
풀어 주다: 2020-09-08 16:51:22
원래의
9262명이 탐색했습니다.

사실 Java는 프론트엔드 지식의 큰 부분을 차지하지 않지만, 프론트엔드와 백엔드가 항상 결합되어 완전한 웹사이트나 애플리케이션을 형성해야 합니다. 학습 경로에 대한 일반적인 소개는 다음과 같습니다. Java 프런트엔드의 내용은 참조용입니다.

추천 과정: JavaTutorial.

자바 프론트엔드에 대해 배울 점

Java 프런트엔드 학습 콘텐츠:

첫 번째 단계— —HTML 배우기

HyperText 마크업 언어(줄여서 HTML)는 웹페이지의 뼈대입니다. 정적 웹페이지든 동적 웹페이지든 결국은 무엇일까요? 브라우저로 반환됩니다. 브라우저는 HTML 코드를 해석하고 렌더링하여 사용자에게 표시합니다. 그러므로 우리는 HTML의 기본 구조와 공통 태그 및 속성을 숙지해야 합니다. HTML 학습은 암기하고 이해하는 과정입니다. 학습 과정에서 Dreamweaver의 "분할" 보기를 사용하여 학습을 지원할 수 있습니다. "디자인" 뷰에서 효과를 보고, "코드" 뷰에서 본질을 익히고, 다양한 뷰의 장점을 극대화하는 이러한 비교 학습 방법은 단순히 HTML 태그와 속성을 외우는 지루함을 보완하는 데 유용할 것입니다. 모든 초보자의 작은 친구에게. 우리한테는 정말 좋을 것 같아요!

HTML을 배운 후 다양한 '원자재'의 제작 방법을 터득했을 뿐입니다. 건물을 짓고 싶다면 이러한 '원자재'를 사용해야 합니다. 우리가 디자인한 계획에 따라 그것들을 함께 모아서 좀 더 아름답게 만드세요.

두 번째 단계 - CSS 학습

CSS는 English Cascading Style Sheets의 약어로 Cascading Style Sheets라고 합니다. 웹 페이지 표현과 콘텐츠를 진정으로 분리할 수 있는 스타일 디자인 언어입니다. 기존 HTML의 성능과 비교하여 스타일을 재사용할 수 있어 개발 속도가 크게 향상되고 유지 관리 비용이 절감됩니다. 동시에 CSS의 상자 모델, 상대 레이아웃, 절대 레이아웃 등은 웹 페이지에 있는 각 개체의 위치와 레이아웃을 픽셀 수준에서 정밀하게 제어할 수 있습니다. 이 학습 단계를 통해 우리는 "건물"의 건설을 성공적으로 완료할 수 있습니다.

'건물'의 건설이 완료된 후 사용자에게 넘겨 사용할 수도 있지만, 사용자가 더 나은 경험을 하길 원한다면 '건물'을 더욱 '장식'할 수도 있습니다. "로 만들면 더욱 "고급스러워" 보입니다.

3단계 - Java 학습

Java는 클라이언트에서 널리 사용되는 스크립트 언어로 몇 가지 내장 함수, 객체를 제공합니다. DOM 작업을 통해 일부 구현이 가능합니다. 클라이언트 측 특수 효과, 확인, 상호 작용 등으로 인해 페이지가 덜 지루해 보이고 diaosi는 즉시 부자와 잘 생긴 사람들을 반격합니다. Java의 호환성과 복잡성이 때때로 우리에게 골칫거리가 되기도 합니다. "마스터"가 포장 작업을 도와주었습니다.

네 번째 단계 - jQUery 학습

jQuery는 무료 오픈 소스 경량 Java 라이브러리이며 다음과 호환됩니다. 다양한 브라우저(jQuery2.0 및 후속 버전은 IE6/7/8 브라우저에 대한 지원을 중단했습니다.) 동시에 선택할 수 있는 jQuery 기반 플러그인이 많이 있으므로 일부 풍부한 동적 효과를 구현할 때 더 편리하고 빠르기 때문에 개발 시간이 크게 절약되고 개발 속도가 향상됩니다. 이는 또한 적게 쓰고 더 많은 작업을 수행한다는 핵심 목적을 완전히 반영합니다. 이런게 너무 좋은거 있죠?

"고급 건물"이 땅에서 솟아오르는데, 이런 건물을 매일매일 짓는게 너무 번거롭고, 해마다 !건물을 지어야 할 때 건물의 모든 구성 요소를

처럼 쌓아서 조립할 수 있다면 정말 멋지지 않을까요? 그렇습니다.

이 아이디어는 웹 프론트엔드 개발에도 적합해서 다양한 프론트엔드 프레임워크가 등장했습니다. 여기 계신 모든 분들께 추천드리는 것이 바로 부트스트랩입니다.

Bootstrap은 프런트 엔드 개발을 위해 Twitter에서 출시한 오픈 소스 툴킷으로, CSS/HTML 프레임워크이며 반응형 레이아웃을 지원합니다. 출시된 이후 매우 인기를 얻었으며 GitHub에서 항상 인기 있는 오픈 소스 프로젝트였습니다. 프로젝트 개발 과정에서 Bootstrap에서 제공하는 CSS 스타일, 구성 요소, Java 플러그인 등을 사용하여 페이지 레이아웃 및 스타일 설정을 신속하게 완료한 다음 목표한 방식으로 스타일을 미세 조정할 수 있습니다. 기반 개발은 개발주기를 크게 단축시킵니다. 거인의 어깨 위에 서는 것이 멋지다!

웹 프론트엔드 학습 제안

CSS를 레이아웃할 때 주의해야 할 문제 중 하나는 많은 학생들이 페이지 레이아웃에 대한 전반적인 분석이 부족하고, 거시적인 관점에서 페이지 내 상자 간의 중첩 관계를 파악하지 못해 서둘러 작업을 진행한다는 점입니다. 손으로 작업하면 페이지에 있는 요소 간의 관계가 매우 혼란스러워지고, 떠 있을 때 상자가 잘못 배치되기 쉽습니다. 레이아웃할 때 모두가 "하향식으로 점차 다듬어 간다"는 생각을 받아들이는 것이 좋습니다. 먼저 여러 개의 상자를 사용하여 페이지를 전체적으로 나눈 다음 점차적으로 상자 안에 상자를 중첩시킵니다.
"신사는 다른 사람과 다르지 않고 가짜를 잘합니다." 학습 과정에서 더 훌륭한 웹 사이트를 탐색하고 디자인 아이디어와 레이아웃 방법을 분석하고 그리는 데 능숙해야 합니다. 여러 가지 방법으로, 그리고 나서 그래야만 우리는 모든 것을 이해할 수 있고 다른 사람의 장점을 우리 자신의 용도로 활용할 수 있습니다. 동시에 Firebug를 도구로 사용하는 데 능숙해야 합니다. 한편으로는 Firebug를 사용하여 학습 과정에서 자신의 페이지를 디버깅할 수 있습니다. 반면에 Firebug를 사용하면 다른 사람의 웹사이트 소스 코드를 쉽게 보고 분석할 수도 있습니다.

모든 사람의 성장과 기반은 다릅니다. 실제 상황에 맞게 구현해야 합니다. 다시 한번 말씀드리지만, 프론트엔드의 핵심은 js입니다. CSS는 어렵지 않지만 축적이 필요합니다. 제가 프론트엔드를 보는 방식은 다음과 같습니다.

CSS는 와인병과 같아서 좋습니다.

html과 CSS는 모두 태그와 선택기 속성에 관한 것이지만 확장 가능하고 강력하며 유지 관리가 가능한 페이지를 작성하는 것은 쉽지 않습니다. 이제 페이지의 기본 조건 반영을 작성할 때 어떻게 하면 빨리 완료할 수 있느냐가 아니라, 인터페이스를 수정해야 할 경우 최소한의 코드 수정으로 필요한 작업을 빠르게 완료할 수 있는 방법을 고민하게 됩니다. 이것은 프론트엔드 지구력, 체력, 지능에 대한 삼중 테스트입니다.

js는 칼과 같아서 날카롭게 갈아야 합니다.

js는 처음에는 단지 실험을 위한 것이었습니다. 기술과 사회가 발전하면서 그 역할이 점점 더 중요해졌습니다. 처음 jQuery를 시작할 때는 이미 js를 알고 있다고 느꼈지만 실제로는 그저 그랬습니다. 빙산의 일각. js에 대해 점점 더 많이 알게 되면서, 변태적이면서도 귀엽고, 재미있고 제어하기 어렵고, 호환성 문제도 많다는 것을 깨닫게 되지만, 호환성을 해결하는 것이 우리의 기본 생존 방식입니다. ajax에서 jsmvc까지 쭉 살펴보면 조류가 점점 더 높아지고 있습니다

인생은 꿈입니다.

기술은 삶의 일부일 뿐입니다. 예전에는 야망이 있었지만 이제는 고개를 숙이고 코드를 작성합니다. 바꿀 수 있는 것은 바꾸고, 바꿀 수 없는 것은 받아들이자. 인생은 제한되어 있습니다. 형제들은 밤낮으로 싸우고 있습니다. 인생 학습에 대한 태도는 조급하지도 조급하지도 않으며 빠르지도 느리지도 않습니다. 인내하고 자신을 믿으십시오. 세상을 바꾸려고 하지 말고, 자신의 삶을 바꾸려고 노력하세요. 빠른 걸음을 요구하지 말고 한 번에 한 걸음씩 요구하십시오. 그 괴로움 덕분에 나를 만들어줬어 그들은 내부가 더 강합니다. 좌절 덕분에 우리는 계속해서 성장하게 됩니다. 버그 덕분에 우리의 생각은 더욱 깊어집니다. 프론트엔드 덕분에 하늘을 떠받치기 위해서는 18가지 무술이 필요하다는 사실을 더욱 믿게 만들었다. ​

위 내용은 자바 프론트엔드에 대해 배울 점의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!