둘 사이에는 각각 장단점이 있다.
1, 시간, 자습은 교육보다 시간이 더 오래 걸린다.
2, 비용, 자시험 비용이 적고, 훈련, 숙박, 등록금 등 관련 비용을 제외한 자시험은 숙박을 제외하고는 수백 원을 들여 학습 자료를 사는 것이다.
3, 기술, 독학 웹 프런트 엔드 기술은 비교적 얕을 수 있습니다. 학원에서 공부하면 더 깊이 배울 수 있습니다.
독학이라면, 일반적으로 일정한 전제조건을 갖추어야 한다. 예를 들면, 자제력이 비교적 강하다. 그렇지 않으면 중도에 그만두기 쉬우므로, 학습 시간은 반드시 합리화해야 한다. 하루에 세 시간 정도 여유를 두고 공부하는 것이 가장 좋다. 문제를 이해하고 해결할 수 있는 능력이 강한 것이 가장 좋다. 이 두 가지가 모두 없다면 독학에 적합하지 않다.
웹 프런트 엔드 교육을 수강하는 경우 웹 교육 과정의 학습 계획 및 과정 내용 일정에 따라 학습해야 합니다. 너는 시간 통제에서 그다지 자유롭지 않으니 학원의 요구에 따라 공부를 완성해야 한다. 하지만 웹 학원에서 좋은 학습 분위기를 조성할 수 있어 학습에 대한 흥미를 불러일으키기 쉽다. 또 곤란이나 문제가 생기면 선생님이나 학우에게 문의할 수 있다. 배우기가 비교적 쉬운 것 같다.
어떤 지식을 배우느냐?
1 단계-html 학습
HTML (하이퍼텍스트 마크 언어) 은 웹 페이지의 뼈대입니다. 정적 웹 페이지나 동적 웹 페이지 모두 HTML 코드는 결국 브라우저에 반환되고 브라우저는 HTML 코드를 해석하고 렌더링하여 사용자에게 제공합니다. 따라서 HTML 의 기본 구조와 공통 태그, 속성을 파악해야 합니다.
HTML 을 배우는 것은 기억과 이해의 과정이다. 학습하는 동안 Dreamweaver 의 [분할] 뷰를 사용하여 학습을 지원할 수 있습니다. [디자인] 뷰에서 효과를 보고, [코드] 뷰에서 중학교의 정수를 보고, 다양한 뷰의 장점을 발휘하다. 이런 비교 학습 방법은 단순히 HTML 태그와 속성을 기억하는 무미건조함을 보완해 초보자들에게는 매우 우수할 것이다.
HTML 을 배운 후, 우리는 각종' 원자재' 를 만드는 것만 알고 있다. 우리가 건물을 짓고자 한다면, 우리의 설계 방안에 따라 이' 원자재' 들을 한데 모아 일부 풍격을 미화해야 한다.
그래서 저는 두 번째 단계인 ——CSS 학습에 들어갔습니다.
CSS 는 CSS 라는 영어 CSS (cascading style sheet) 의 약어입니다. 웹 표현을 콘텐츠에서 실제로 분리할 수 있는 스타일 디자인 언어입니다. 기존 HTML 에 비해 스타일을 재사용할 수 있어 개발 속도가 크게 향상되고 유지 관리 비용이 절감됩니다.
또한 CSS 의 상자 모델, 상대 레이아웃, 절대 레이아웃 등은 픽셀 수준에서 웹 페이지에 있는 개별 객체의 위치 레이아웃을 정확하게 제어할 수 있습니다. 이 단계의 학습을 통해' 한 건물' 건설을 순조롭게 완성할 수 있다.
건물이 완성되면 사용자들에게 맡길 수 있지만, 사용자가 더 나은 경험을 할 수 있도록 건물을 더 인테리어하여 더 호화롭게 보이게 할 수 있습니다.
이 임무를 완수하기 위해 우리는 세 번째 단계인 자바스크립트 학습에 들어갔다.
JavaScript 는 클라이언트에서 널리 사용되는 발자취 언어로, 내장된 함수, 객체 및 DOM 작업을 제공합니다. 이러한 내용을 통해 특수 효과, 검증, 상호 작용 등을 실현할 수 있습니다. 클라이언트에서, 우리 페이지를 그렇게 딱딱하게 보이지 않게 하고, 실크는 순식간에 고부훈을 공격한다! 있어요?
그러나 JavaScript 의 호환성과 복잡성은 때때로 우리를 골치 아프게 한다. 다행히도, 우리를 위해 포장 된 "위대한 신" 이 있습니다.
그런 다음 네 번째 단계인 ——jQuery 학습으로 넘어갑니다.
JQuery 는 다양한 브라우저와 호환되는 무료 오픈 소스 경량 JavaScript 라이브러리입니다 (jQuery2.0 및 후속 버전은 IE6/7/8 브라우저에 대한 지원을 포기했습니다). 동시에, 많은 jQuery 기반 플러그인을 선택할 수 있어 풍부한 동적 효과를 더욱 쉽고 빠르게 실현할 수 있으며, 개발 시간을 크게 절약하고 개발 속도를 높이며' 적게 쓰고 많이 한다' 는 핵심 취지를 충분히 반영하고 있습니다. 이런 느낌은 정말 멋지다! 있어요?
호화 건물' 이 여기서 우뚝 솟아 있지만, 건물을 짓는 것은 오히려 이렇게 복잡하고, 날마다, 해마다! 건물의 모든 개별 구성 요소를 모듈화할 수 있습니다. 건물을 지어야 할 때 나무 더미처럼 함께 조립됩니다. 멋지지 않습니까? 이룰 수 있을까? 대답은' 예' 입니다.
이 아이디어는 웹 프런트 엔드 개발에도 적용되므로 다양한 프런트 엔드 프레임 워크가 등장했습니다. 여기서 Bootstrap 을 추천합니다. Bootstrap 은 Twitter 가 프런트 엔드 개발을 위해 내놓은 오픈 소스 키트입니다. 응답 레이아웃을 지원하는 CSS/HTML 프레임워크입니다. 일단 출시되면 큰 인기를 끌며, 줄곧 GitHub 에서 인기 있는 오픈 소스 프로젝트였다.
프로젝트 개발 과정에서 Bootstrap 에서 제공하는 CSS 스타일, 구성 요소, JavaScript 플러그인을 활용하여 페이지 레이아웃 및 스타일 설정을 빠르게 완료하고 스타일 조정을 목표로 하여 프레임 기반 개발 주기를 크게 단축할 수 있습니다. 거인의 어깨에 서 있는 것이 멋지다!
웹 프런트 엔드 학습 제안
1. 초보자로서 너는 반드시 체계적인 학습 계획을 명확히 해야 한다. 나는 반드시 독학할 수 있는 멘토가 있어야 한다고 제안한다. 포기할 확률이 크다. 웹 프런트엔드에 대한 개념이 없을 때, 누군가 당신을 데리고 들어오게 해야 합니다. 그러면 당신은 스스로 공부해야 합니다. (존 F. 케네디, 공부명언) 첫 번째 단계는 웹 프런트 엔드에 필요한 내용과 학습 완료 시간을 결정하는 것입니다. 권장 시간은 6 개월입니다.
2. 비디오 위주이고 책은 보조이다. 많은 초보자들이 프런트엔드를 공부할 때 책을 사는 것을 좋아하지만, 최종 결과는 무엇입니까? 아무것도 쓸 수 없는 것 같아서 여기서 책을 읽을 수 있다는 것을 상기시켜 주지만, 이미 어떤 지식점에 대해 구체적인 조작을 한 후에 책으로 개념을 공고히 하는 것이 지식에 대한 이해에 더 유리하다는 것을 일깨워 준다.
3. 학습 기술에는 하나의 학습 방법을 익히는 것이 매우 중요하다. 사실, 웹 프런트 엔드 학습을 위해 많은 학습 방법이 동일합니다. 일단 학습 방법이 틀리면, "방법이 틀렸다, 노력이 헛되다" 는 결과를 초래할 수 있다. 사실, 여기에 많은 것들이 있습니다. 간단한 예를 들어 보겠습니다. 어떤 사람들은 수업을 들으면서 코드를 따르는 것은 옳지 않다. 수업을 들을 때 그들은 전심전력으로 문제를 풀었다. 이것은 경험한 사람의 경험이다. 꼭 들어야 한다. 사람마다 차이에 따라 학습방법에는 출구가 있을 수 있고, 적절한 학습방법을 찾는 것이 학습의 전제조건이다.
4. 자습 프로그래밍을 권장하지 않습니다. 지금까지 내가 아는 한, 0 부터 프로그래밍을 배우고, 결국 이 일을 성공적으로 하는 사람은 많지 않다. 대부분의 이유는 웹 프런트엔드가 무엇인지, 무엇을 배우고 있는지 모르기 때문에 맹목적으로 책을 사고, 여기저기 동영상을 찾고, 결국 보고 포기했기 때문이라고 생각한다. 그래서 초보자는 구체적인 개념이 없기 전에 경험이 있는 사람에게 먼저 상담하고 이야기할 것을 제안한다.
웹 프론트 엔드 학습 및 인터뷰; 문서 및 비디오 리소스에 대한 무료 액세스
웹 링크