프런트 엔드 신이라고 불리려면 아직 파악해야 할 지식점이 많다. 소스 코드 시대에서의 제 경험에 따르면, 최고의 프런트 신이 되려면, 최소한 자바스크립트 기본 사항, HTML5 입문 기본 내용, CSS3+DIV 기본 사항, 선택기, 상자 모델, 웹 레이아웃, 포토샵, 자바스크립트 고급 프로그래밍, JQuery 플러그인 개발 많이 생각하는 것이 옳다. 이러한 요소를 파악해야만' 프런트 엔드 신' 이라고 불릴 자격이 있다.
2. 프런트 엔드 HTML5 를 배우려면 어떤 지식 포인트를 알아야 합니까?
Stylus/Less 구현 CSS 사전 컴파일
Express 서버 측 구조 구현
Nginx 서버 리버스 에이전트 구현
Ngrok 인트라넷 침투를 달성하기 위해
Sha 1 및 MD5 는 개인 데이터 암호화를 구현합니다.
Monggose 는 mongoDB 데이터베이스 작업을 구현합니다
전자 차트 데이터 시각화
Mock 및 json-server 시뮬레이션 데이터 구현
Nodejs 는 앞뒤 완전 분리를 실현했다.
웹 소켓을 사용하여 실시간 통신 실현
엔터프라이즈 UI 설계도는 페이지 레이아웃을 구현합니다.
부트스트랩 구현 응답 페이지
기본 자바스크립트는 작은 게임 개발을 가능하게 한다.
기본 Ajax 프런트 엔드 통신
Jsonp 와 CORS 는 도메인 간 솔루션을 구현합니다
애니메이션 구현 애니메이션
Canvas 는 거품과 시계의 기능을 실현했다.
JQuery 구현 메모 프로젝트
아트 템플릿 구현 템플릿 페이지 재사용
Viewport+Rem 을 사용하여 모바일 터미널 어댑터 구현
뷰포트에서 1 물리적 픽셀 문제 구현
기본 자바스크립트 원활한 슬라이딩 화면
Zepto 는 모바일 단말기 슬라이딩 화면을 달성하기 위해
Stylus/Less 구현 CSS 사전 컴파일
Express 서버 측 구조 구현
Nginx 서버 리버스 에이전트 구현
Ngrok 인트라넷 침투를 달성하기 위해
프런트 엔드 웹 사이트 개발에 필요한 지식은 무엇입니까?
CSS, HTML 및 JavaScript 는 프런트 엔드에서 학습하는 세 가지 언어입니다. 이 중 HTML 은 자체 간단하며 CSS 및 JavaScript 는 더 많은 코드로 설계되었습니다. 출입구는 간단하고 초급 프런트 엔드 수준에 도달하기 쉽다.
그러나 다양한 프레임워크를 익히려면 1, CSS 및 HTML 을 배우고 연습해야 하며 초보자는 CSS 와 HTML 의 기초를 중점적으로 배워야 합니다. CSS(3) 의 경우 웹 표준, HTML 관련 개념, HTML 태그, 경로 관련 개념, 앵커 및 기타, 양식 태그, 양식 태그, 복합 사례, 등록 페이지, CSS 선택, CSS 글꼴 스타일, CSS 모양 속성 등의 지식 포인트를 알아야 합니다
일반적으로 CSS 와 HTML 을 배우는 것은 비교적 간단하다. 2.JavaScriptJavaScript JavaScript 는 항상 프런트 엔드 엔지니어 진보의 초석이었습니다. JavaScript 에 대한 이해의 깊이는 프런트 엔드 개발자의 경력 개발을 결정합니다.
JavaScript 에 대한 학습 내용에는 브라우저에서 JS 프로시저 실행, JS 변수, 데이터 유형, 연산자, 흐름 제어문 (if else, 삼항 표현식, switch), 루프 (for, while, do while), 배열 등이 포함됩니다 JavaScript 의 기본 구문에 익숙해져야 프런트 엔드 기술을 계속 배울 수 있다.
프런트엔드는 이러한 기본기를 익히고, html 을 익히고, 의미 합리적이고, 구조가 명확하고, 유지 관리가 용이한 html 구조를 쓸 수 있어야 한다. Css 에 정통하고, 비주얼 디자인을 복원할 수 있으며, 업계에서 인정하는 주 브라우저와 호환됩니다. 자바스크립트에 익숙하고, JavaScript 의 기본 내용을 이해하고, 최소한 두 개의 js 프레임워크를 익힙니다. 웹 프런트 엔드 기술이 지속적으로 발전함에 따라 웹 프런트 엔드는 점점 더 많은 작업을 수행하고 있으며 기술 방향도 다양합니다. 웹 프런트 엔드에는 광범위한 개발 공간이 있습니다. App, 애플릿, 모바일, PC 측에서는 프런트 엔드 기술 개발 지원이 필요합니다. 기술 문턱이 비교적 낮고, 수요량이 많으며, 임금 대우도 괜찮다.
인터넷상의 고객 인터페이스라면 모두 프런트엔드가 필요하다. 프런트엔드에서 개발된 프로그래밍은 크지 않지만 부분 프로그래밍이 필요합니다. 입문은 간단하지만 심화 학습에는 과정이 필요합니다. 웹 프런트 엔드 채용? 프런트 엔드 개발 엔지니어, 웹 개발 엔지니어, 웹 개발 엔지니어, HTML 개발 엔지니어
-응? H5 개발 엔지니어, 모바일 애플리케이션 개발 엔지니어, App 개발 엔지니어, 애플릿 개발 엔지니어 -응? JS 개발 엔지니어, Vue.js 개발 엔지니어, Node.js 개발 엔지니어, 프런트 엔드 설계자.
-응? 작은 게임 개발 엔지니어, 데이터 시각화 개발 엔지니어, 웹 GL 개발 엔지니어, 웹 VR 개발 엔지니어, 웹 보안 엔지니어. 인터넷 업계에는 웹 프런트 엔드와 HTML 프런트 엔드가 있습니다. 인터넷 기술이 발달하면서 취업 방향도 많다.
웹 프런트엔드의 취업 방향은 웹 설계자, 웹 프런트 엔지니어, HTML 프런트 엔드 개발 엔지니어, 웹 디자이너 등이다. HTML 프런트 엔드 개발과 웹 프런트 엔드 개발의 차이점은 HTML5 를 프런트 엔드 개발에 사용할 수 있을 뿐만 아니라 HTML5 표준과 이를 탑재한 브라우저를 기반으로 웹 게임, 휴대폰 앱, 브라우저를 사용하는 3D 렌더링 등 다양한 개발을 수행할 수 있다는 것입니다. 향후 더 많은 기능 분기가 HTML5 표준에 통합될 수 있습니다.
웹 프런트 엔드 엔지니어 방향은 현재 웹 프런트 엔드 개발의 주요 취업 방향이다. 웹 설계자는 일반적으로 임금이 높고, 기술적 요구 사항이 높으며, 백엔드 기술, DBA, 플랫폼 등 다양한 기술을 습득합니다. , 심지어 웹 사이트 최적화 SEO 기술. 데이터 방향 데이터 R&D 웹 기반 개발로 데이터를 사용하여 에너지를 추가합니다. 시각화를 아는 사람은 반드시 프런트 엔드 능력이 있어야 하고, Hadoop 을 이해하는 사람은 반드시 Java 에 익숙해야 하며, 웹 개발의 발전 방향에 속해야 한다.
알리와 같은 큰 프런트 엔드 방향은 rn 과 weex 를 대량으로 연습하고 있습니다. Android /ios 가 회사의 몰락으로 인해 어느 정도 프런트엔드는 IOs 와 안드로이드를 융합하여 통칭하여 큰 프런트엔드라고 부른다. 그래픽 방향의 앞부분은 자연히 도형과 매우 밀접한 관계가 있다. 위에서 언급한 시각화 외에도 관련 3d 엔진 개발이 있습니다.
이 일을 하는 요구도 높다. 그래픽 관련 알고리즘과 3d 엔진 개발 모두 그래픽 관련 지식이 필요합니다.
HTML5 를 배우려면 이러한 지식 포인트를 익혀야 한다.
Html5 개발은 최근 몇 년간 특별히 총애를 받는 소프트웨어 개발이라고 할 수 있다. Html5 는 입사 문턱이 낮고, 급여가 높으며, 발전 전망이 상당하기 때문에 사람들의 추앙과 사랑을 받는 것은 당연한 일이다. 그렇다면 HTML5 개발과 학습을 하려면 어떤 필수 지식을 익혀야 할까요?
그래서 HTML5 개발을 잘 배우려면 습득해야 할 전문 기술은 다음과 같습니다.
단계 1: 프런트 엔드 페이지 재구성: PC 측 웹 사이트 레이아웃, HTML5+CSS3 기본 엔지니어링, 웹 앱 페이지 레이아웃
2 단계: 고급 자바스크립트 프로그래밍: 기본 자바스크립트 상호 작용 기능 개발, 객체 지향 개발 및 독립 개발 ES5/ES6 및 자바스크립트 도구 라이브러리
3 단계: PC 측 전체 스택 프로젝트 개발: jQuery 클래식 효과 상호 작용 개발, HTTP 프로토콜, Ajxa 고급 및 백엔드 개발, 프런트 엔드 엔지니어링 및 모듈식 애플리케이션, PC 측 웹 사이트 개발, PC 측 관리 정보 시스템 프런트 엔드 개발
4 단계: 모바일 웹 앱 개발: Touch 프로젝트, 위챗 장면 프로젝트, Vue.js 가 개발한 웹 앱 프로젝트, Ionic 가 개발한 웹 앱 프로젝트, React.js 가 개발한 웹 앱;
다섯 번째 단계: 혼합 개발: 다양한 혼합 응용 프로그램 개발;
6 단계: NodeJS 전체 스택 개발: 웹 앱 백엔드 시스템 개발
7 단계: 빅 데이터 시각화: 데이터 시각화 소개, D3.jS 상세 설명, 프로젝트 실전.
오늘날 모바일 인터넷은 급속도로 발전하고, 기술은 끊임없이 반복을 업데이트하고, 배운 지식도 시대와 함께 발전해야 한다. 현재 시중에 나와 있는 주류 인터넷 사이트는 모두 일류 사용자 상호 작용 경험을 구축해야 한다. 프런트 엔드 개발자에 대한 요구는 더 이상 단순한 페이지 전시가 아니라 전체 스택 프런트 엔드 개발 엔지니어입니다.
5.5 웹 프런트 엔드 개발에 필요한 지식은 무엇입니까?
1.HTML5+css3+JavaScript 웹 개발 기반, html 은 웹 구조, CSS 는 웹 스타일, JS 는 논리적 상호 작용을 담당합니다.
처음 두 가지는 태그 언어와 더 비슷하며 논리가 없습니다. JS 는 프런트 엔드의 우선 순위입니다. HTML5 에 있는 대부분의 신기술은 JS 와 결합되어야 합니다.
사람마다 학습 진도가 다를 수 있습니다. 이 단계는 주로 모방 스테이션이며 기초에 익숙합니다. CSS 를 사용하여 응답 페이지를 작성하고 프로토 타입 체인, 클로저, 디자인 패턴 등과 같은 JS 에 대한 심층적 인 지식을 이해하려면 더 많은 축적, 점진적 이해 및 실습이 필요합니다. 2. jquery+bootstrap+Ajax+JSon jquery 는 JS 의 응용 프로그램 라이브러리로서 기본 js 의 개발 효율성을 향상시킬 수 있습니다.
Bootstrap 은 휴대폰/태블릿 /PC 의 다양한 장치를 쉽게 지원할 수 있는 응답 프레임워크입니다. Ajax 기술은 비동기 상호 작용을 위해 사용되며 지도 어플리케이션과 같은 데이터를 업데이트하기 위해 페이지를 새로 고치지 않아도 됩니다.
Json 은 다양한 주요 프로그래밍 언어에 널리 사용되는 데이터 형식입니다. JQuery 와 bootstrap 은 많은 코드를 단순화하여 매우 즐겁게 사용하지만 기초가 튼튼하지 않은 사람에게는 적게 사용하는 것이 좋습니다.
Ajax 와 JSON 은 일반적으로 백엔드와 상호 작용하는 데 사용되며 실제 비즈니스에서도 자주 사용됩니다. 3.Git/SVN 버전 관리 도구는 주로 팀 개발 시 파일 충돌을 방지하고 파일을 저장하는 데 사용됩니다.
프런트 엔드 추천 학습 Git. 4.Nodejs+Mysql /MongoDB (선택 사항) 서버측 JavaScript 에서 실행됩니다.
Express 는 확장 된 MVC 프레임워크입니다. 가장 일반적으로 사용되는 nodejs 는 NPM 패키지 관리자이므로 다양한 웹 사이트에서 리소스 팩을 다운로드할 필요가 없습니다.
데이터베이스 학습은 Nodejs 와 더 호환되는 MongoDB 또는 MySQL 을 선택할 수 있지만 현재 대부분의 사이트는 PHP 와 Mysql 의 조합입니다. PHP 를 배우려면 먼저 MySQL 을 배울 수 있다. 5.ECmascript 6 JavaScript 에 대한 언어 표준.
ES6 는 많은 새로운 개념을 추가했으며 이전 버전에서 JS 의 많은 결함을 보완했습니다. 점점 더 많은 프로젝트가 ES6 을 사용하여 개발을 시작했습니다. ES5 를 배우기 전에 먼저 알아보는 게 좋을 것 같아요. 현재 실제 프로젝트에서의 호환성을 고려하여 ES6 은 Babel 을 통해 ES5 로 컴파일하여 배포해야 합니다.
6.Angular/React/Vue 프론트엔드 3 개 프레임 워크, 각각 생태계가 있어 필요에 따라 학습을 선택하세요. 현재 Angular 는 여전히 기업의 가장 큰 수요이지만, 최근 트렌드에서 react 와 vue 가 더욱 인기를 끌고 있다.
프런트 엔드 기술의 급속한 발전으로 인해 도구와 프레임워크의 업데이트가 책을 넘기는 것보다 빠르기 때문에 공부하거나 문서를 보는 것이 좋습니다. 학습 과정에서 다양한 건설 도구를 사용할 때도 여러 번 만날 수 있다.
7. 이와 같이 자주 사용하는 다른 도구들은 자신의 필요에 따라 학습을 선택한다. 현재 일반적으로 사용되는 것은 웹 팩으로, 여러 가지 프로그래밍 스타일의 파일을 패키지화할 수 있다. ES6/AMD/CMD 와 같은 모듈은 브라우저에서 실행할 수 있는 파일을 인식하고 컴파일합니다.
Sass/Less, CSS 사전 컴파일된 프레임워크로, CSS 코드를 논리적으로 작성할 수 있습니다. Gulp/Grunt 빌드 도구는 코드를 자동으로 압축하고 통합합니다.
8. 기타 백엔드 프로그래밍 언어는 현재 시장에서 기본적으로 프런트엔드에 PHP/JAVA/Nodejs/Python 과 같은 백엔드 언어가 필요합니다.
프론트 엔드의 많은 지식 포인트를 기억하는 방법?
프런트엔드에 관련된 지식은 확실히 상당히 광범위하다. 먼저 일정한 틀을 정리해야 하고, 그런 다음 조직적인 학습이 있어야 적은 노력으로 더 많은 일을 할 수 있다. 여기에 나는 너에게 이해해줄 지식 체계가 있다.
끈기가 있으면 독학할 수 있지만 효율성이 좋지 않다고 생각되면 시스템 훈련에 참가하는 것도 고려해 볼 수 있다. 돈을 써야 하지만 많은 시간을 절약하고 스스로 따져볼 수 있다.