많은 디자이너는 프런트 엔드 방향으로 원하고, 가장 적절한 학습 경로 프런트 엔드 디자이너, 어떻게한다는 것을? 이 컨텐츠를 시작하기 전에, 우리는 몇 가지 사소한 문제에 대한 답변을 제공합니다!
첫 번째 질문 : 나는 모바일 앱을 개발하기 위해 배우고 싶은, 그것은 또한 프런트 엔드를 배울입니까?
전화 응용 프로그램 개발, 열쇠는 당신이 배워야하는 방법입니다 애플의 휴대 전화 응용 프로그램 개발이나 안드로이드 응용 프로그램 개발 휴대 전화, 두 시스템이 동일하지, 그들의 응용 프로그램 개발 언어는 당신이 할 수있는, 같은, 아이폰 개발하지 않기 때문에 빠른 언어 학습, 안드로이드 폰의 개발, 당신은 Java 또는 코 틀린를 배울 수 있습니다.
나는 또한 콘텐츠에 언급 된 전화 응용 프로그램의 끝 부분을 통해 개발 및 크로스 플랫폼, 애플과 안드로이드가 개발 될 수있다, 그러나 이것은 당신의 프론트 엔드가 더베이스에 필요하다 할 수있다, 우리는 어느 정도 깊이있는 연구가 스킬을 마스터하기 위해 기반의 프론트 엔드는 당신도이 작업을 수행하는 데 도움이 수 없습니다.
내 조언은 그냥 응용 프로그램 개발을 배우고 싶은 경우에, 당신은 애플의 신속한 언어를 배울 수 있습니다 애플의 생태 더 나은 제품 경험을 더 나은 고품질의 온라인이 언어 학습 리소스를 아주 많이,하지만 때문에이 언어 때문에 애플 폰으로 애플 시스템에서 실행되는 소프트웨어 제품을 개발, 애플 컴퓨터, 비교적 간단한 장면을 사용하여 쓰기 웹 사이트, 거기에 없습니다 여전히 큰 제한이 있지만, 지금은 단지 응용 프로그램을 개발하는 데 사용할 수있는, 기술 애플릿의 개발은 당신이 그것을 고려할 수 프런트 엔드를 기반으로하면서 현재의 추세에, 많은 작은 프로그램은 이미 앱 사용 시나리오를 많이 대체 할 수있다.
그냥 응용 프로그램 개발을 배우고 싶은 경우에도, 당신 후에 언어 응용 프로그램 개발 플랫폼을 마스터하는 경우에도 그러나, 그것은 그렇게뿐만 아니라 당신의 능력의 경계를 넓힐 수 있고, 프론트 엔드의 지식을 배울 수있는 기회를 갖게하는 것이 가장 좋습니다, 또한 당신을 도울 수 프런트 엔드 기술도 개발하고 앱 개발 효율성을 개선하기 위해 함께 혼합 다른 언어와 신속한와 결합 될 수있는 반면, 플랫폼의 한계를 휴식.
두 번째 질문 : 그것은 파이썬은 또한 디자이너가 배울 매우 적합하다고하지 효과와 다기능 C4D의 내부의 매우 높은 수준을 달성 할 수 보인다?
세 가지 차원 디자인 스타일은 매우 인기가 있기 때문에 지난 2 년 동안, 많은 디자이너는 C4D을 배우고 시작하고있다. 실제로, C4D의 내부에 파이썬, 당신은 고급 기능과 코드와 효과를 많이 얻을 수 있습니다,하지만 당신은이 고급 기능이라고, 나는 매우 고급 부분을 알고있다. 이러한 고급 기능 때문에 확실히 매우 C4D 대부분의 디자이너들이 높은 확률 수명보다 적은 비용으로 원자 폭탄을 기능의 수준을 구축을 위해, 배워야 할 필요가 있습니다 내용 관련 일자리와 사람들 전문.
그러나, 파이썬은 사실,이 언어는 많은 응용 프로그램, 특히 데이터 처리 및 분석, 인공 지능, 깊은 학습 분야에서 웹 크롤러 등이있다 (아는 경우, 사실 나는 JS 파충류를 쓸 수 말할 것입니다). 그러나 수술을 전문으로 소위 산업, 그것은 내가, 처리 및 분석, 그리고 당신이 정말로 학습해야하는 경우 설계자의 요구는 정말, 정말 잘, 언어에 맞지 않는 더 나은 데이터의 필드에서입니다 또한 학습하는 것이 좋습니다,하지만 결코 번호가 눈을 멀게하는 파렴치한 마케팅에 의해, 학교에 액세스은, 정말 시간 낭비가 없다.
세 번째 질문 : AE 발현 프로그래밍을 계산? 배울 것을 AE 표현 내용을 원하십니까?
효과 소프트웨어는 작은 파트너의 후반부에서 사용 후 확실히 들었 이상 이하 AE 표현을 사용했다. AE 표현은 우리가 신속하게 복잡한 고급 애니메이션 효과를 많이 달성 할 수 잘 사용된다면 그것은 우리가 후자의 할 일 애니메이션의 효율성을 개선하기 위해 수행하는 반복 작업의 수를 줄일 수 있습니다. 사실, 자바 스크립트 표현 AE 그런 식의 표현은, 같은 당신이 자바 스크립트를 배울 때, 그것은 내 어떤 특별한 지식 또 다른 표현 AE 모양, 그것은 매우 쉽게 시작하는 것입니다.
당신은 능력이있는 경우에 따라서, 프런트 종료 후, 특히 자바 스크립트 언어를 마스터, AE 표현은 매우 쉽게 배울 수 있습니다. 그리고뿐만 아니라 AE 표현, 사실, 디자인 소프트웨어 플러그인이나 스크립트의 많은 JS 사용할 수있는 언어 개발, AE의 일부 스크립트로, 일부 플러그인 스케치, FIGMA 개발하는 JS를 사용하는 것이 가능하다. 자바 스크립트를 알고 있으면 도움이 디자이너가 자신의 또는 기타 디자인 작업의 효율을 향상에 그래서, 당신은, 플러그인이나 자신의 스크립트를 개발할 수 있습니다.
다음으로, 우리는이 문제 디자이너의 프런트 엔드 학습 경로의 주제를 시작합니다.
소위 학습 경로는 무엇을 어떤 순서로 학습 지식 학습, 학습 프런트 엔드 디자이너에서 모든 사람의 노하우를하도록하는 것입니다.
모든 일이 어려운 학습 할 수있는 프런트 엔드 충돌하지 않는 비교적 명확한 학습 경로가있는 경우, 우리는 디자이너가 도움이 될 것입니다 전면에 단계별로 배울 수 있습니다.
내가 아이디어를 배우고 싶었다 때 프런트 엔드에서 많은 작은 파트너가 시작 확실히 서핑 인터넷과 프런트 엔드와 프론트 엔드의 다양한 모든 종류를 볼 수 있는지 확인 한 후 첫 번째 방과 무엇을 배우고 무엇을 배우고 무엇을 무엇인지 알고 싶어합니다 용어 사람들이 무지 원의 프론트 엔드, 나는 내 머리가, 전문 용어의 무리를 폭발 본도 시작하고이 무엇인지 아 무엇을이다 생각했다.
음, 오늘, 학습 경로의 프론트 엔드에, 나는 내 자신의 학습 경험과 이해에 따르면, 다른 방법을 넣어 당신에게 그런 말하고자 다음, 프론트 엔드 디자이너 연구의 경로는 네 단계로 나누어 져 있습니다.
프로세스의 네 가지 단계를 소개, 나는 기술 용어의 일부에 대해 이야기했을 수 있습니다, 우리는이 문제, 내가 전문 용어가 나올하라는 메시지가 언급됩니다하지 않습니다, 당신은 여전히 이해하지 않는 경우, 몇 가지 간단한 설명을하려고합니다 당신은 자신을 이해하는 정보를 찾을 수 있고, 미래에 매우 중요한 개념에 대해 내가 소개하는 추가적인 관련 콘텐츠를 만드는 것입니다.
소개
이 단계는 정보를 찾고에 대한 프런트 엔드 알고 아무것도가 사방 프론트 엔드의 문제의 모든 측면을 알고 싶어하지 않을 때, 단어의 프론트 엔드가 열려 주름 모양을 가지고 기다릴 수 없어,이 단계에서 내 자신처럼, 가장 혼란스러워하는 단계이다.
이 단계에 있음을, 내가 찾은 정보가 무엇인지 상관없이, 두통 전체 프론트 엔드 전문 용어를 얼마나 많은 것을 당신에게 말할 수 있도록, 그 모든 프런트 엔드 지식과 기술은 HTML에 내장되어 있음을 기억하는 것이 중요하지, CSS 이 세 언어의 자바 스크립트 기초. 이것은, 가장 중요한 것은,이 세 가지가 항상베이스의 전면 주위 열려 있지 다음, HTML과 CSS 학습 자바 스크립트의 기초를 배우기 시작하는 것입니다,하지만 순서는 자바 스크립트를 처음 HTML, CSS이어야하며, 최근 webassembly 추가 일부 대형 웹 응용 프로그램 언어 만 대부분의 사람들이 사용할 수없는 언어를 가져 오는 데 사용됩니다.
정보를 찾는 과정에서, 당신은, VUE는, TS는, 노드, 당신이 들었어요 처음으로, 그래서 더 두통이 모든 일이 당신이 HTML의 기초를 배우고 싶은 것을 이루어지지하는 반응 개념 jQuery를 볼 수 있습니다, CSS 자바 스크립트 후 배우로 이동뿐만 아니라 내용을 학습하기 위해 전에.
HTML, CSS, 자바 스크립트는 3 개 국어는 상호 강화됩니다.
HTML 페이지는이 문서의 기본 내용은 사진을 넣어 무엇을, 텍스트를 넣어 무엇으로, 내부에 넣어 결정 할 수있는 원료를 조직 할 책임이있다.
CSS는이 페이지의 장식을 담당하고, 그것은, HTML을 도와 드릴 수 있습니다 일부 애니메이션을 추가하는 방식으로, 페이지보기 좋은을 만들 것입니다.
JS는 기능과 상호 작용이 많은 웹 사이트를 제공하는 것입니다, 당신은 당신의 웹 사이트는 단지 시계로하고 사용하기 쉬운 꽃병에서 볼 수 있도록 할 수 있으며 72 만능이 될 수 있습니다.
이 단계에서, 자신의 표현에 익숙한 HTML과 CSS의 구문에 익숙해야 능숙하게 여러 전체 페이지 출력을 작성 할 수 있습니다.
HTML과 CSS에 익숙해 후, 다음 자바 스크립트 섹션의 기초를 배우기 시작, JS는 변수, 함수, 배열, 객체 간의 몇 가지 기본 개념 JS을 이해하는 기본적인 JS 코드를 이해할 수있는 기본적인 쓰기와 문법을 이해하고, 표현 등, 다음 JS 페이지에 의해 달성 될 수는 몇 가지 작은, 약간의 상호 작용을 제공합니다.
3 개 국어의 기본 지식뿐만 아니라,뿐만 아니라 모든 후, 모든 콘텐츠의 프론트 엔드는 네트워크를 통해 서버에 브라우저에서 얻을 수있다, 기본 원칙 서버와 브라우저를 이해하고, 네트워크의 기본적인 지식을 배울 수 있습니다.
당신이 공식적으로 전면 시작하기 된 일반적인 의미에서 다음, 다음을 마스터 한 후에는 일부 낮은 필요한 경우, 물론, 단지 HTML과 CSS를 배우고 싶은 모든 후, 그들은 단지 당신이 다음 전체 페이지를 작성해야 그것은 또한 시작으로 간주 될 수있다.
당신은 표준 항목에 도달하기 위해 더 연구 한 후 내보기에 전면을 원하는 경우에, 당신은 여전히 몇 가지 지식을 배울 필요가있다.
자식과 github의인가, 난이 두 이름은 반드시 인터넷 주니어 파트너에 일정 기간 동안 많은 일을 확실히 이상한 생각하지 않습니다,하지만이 두 가지입니다 구체적으로 무엇을, 나는 정교 혼자됩니다.
그것은 단순히 자식은 GitHub의이 자식 프로그램에 지역 코드를 기반으로하고, 로컬 컴퓨터에서 프로그램 관리 코드의 같은 버전을 달성 할 수있는 프로그램 오픈 소스 (예 : 무료) 프로그램 말했다 웹 사이트 플랫폼 관리를 위해 함께 연결하여 원격 서버 버전 및 코드 라이브러리에.
기본 명령 행에 대해 배울 수있다, 명령 줄 우리가 멋진 해커가를 사용하는 것이 영화와 TV 쇼의 숫자에서 볼 수있는 몇 가지 제어 컴퓨터 기능과 운영을 달성하기 위해 선으로 코드 라인을 사용하는 것입니다 컴퓨터를 작동하는 방법.
맥 컴퓨터는 터미널라는 내장 명령 줄 도구를 가지고 있습니다. 컴퓨터에 윈도우가 자신의 명령 줄 도구를 가지고, 당신은 또한 일부 타사 명령 줄 도구를 설치할 수 있습니다, 특정 튜토리얼 나는 명령 행 내부에서 나중에 자세히 설명합니다. 그 이유 우리는 높은 수준의 지식의 숫자 후, 연구 및 프런트 엔드 - 깊이 게시 기여할 자식 명령 라인을 작동하는 데 사용되는 부분적으로 있기 때문에, 명령 줄을 배우고, 명령 줄을 사용하여 조기에 익숙한 시작해야 자주 명령 줄을 사용 이유 방법.
당신은 내가 내 의견으로는, 이러한 최종 학교 말하는 것보다 더 걸릴 경우, 공식적으로 전면을 시작하고있다, 당신은 연구의 두 번째 단계를 입력 할 수있게되었습니다.
탐색
두 번째 단계는 탐구라는 이유 작은 파트너는 그것의 첫 번째 단계 안 발견, 궁금 수 있습니다. 내 의견으로는, 당신은 프런트 엔드의 기본 지식을 마스터 한 경우에만 때문에 학습이 사실이 여러 방향으로 세분화 할 수있다 심도 프론트 엔드의 깊이있는 지식의 다양성을 배울 수있는 능력, 그리고 더 과정을 가지고 있고, 이러한 방향은 방향이 적당하다, 결국 자신의 이익을보고, 탐험, 시도 당신을 필요로 할 것이다.
그래서 디자이너에 대한 몇 가지 학습 방향을 요약 한 것입니다,하지만 난 주요 핵심 지식의 각 방향으로 간단한 소개를 할 것입니다. 여기에, 내가 먼저 두 개념 프레임 워크와 라이브러리의 말을, 당신은 항상 그런는 배우거나 정보를 찾기 위해 자신의 시간에 프레임 워크와 라이브러리를 VUE, 부트 스트랩 반응 등이며,이 두 개념을 참조해야합니다. 즉, 구체적으로 어떤 프레임 (도서관) 및 라이브러리 (프레임 워크)? 지금, 당신은 이해하기 같은 일 것으로 그들을 생각할 수 있습니다.
나는 우리가 소프트웨어는 매우 기본적인 기능에 JS를 제공 할 수 있다는 가정하에, 소프트웨어 또는 일반적으로 사용되는 다른 도구를 설계 것처럼 비유를 가지고, 당신은 색상 조정 드로잉 보드, 내가 드로잉 보드를 구축 할 수 있습니다, 당신은 드로잉 보드로 이동할 수 있습니다 위치, 드로잉 보드 등 펜, 그림 2 벌타. 이러한 작업의 모든 것을, 우리는 단계 작업에 의해 단계를 갈 필요도 하나의 함수이다. 하나, 우리는 기본 기능을 사용하지 않을 때 우리의 소프트웨어를 결합 기발한의 다양한 근거로이 기능을 분리하기 때문에하는 데 도움이해야 그 소위 라이브러리와 프레임 워크,이 라이브러리와 프레임 워크 물론,보다 효율적으로 통합 된 다양한 기능. 예를 들어,이 라이브러리에서 제공하는 기능을 사용하려면, 당신은 만들 수 있습니다 우리가 운영하는 단계별로 가서 귀찮게하지 않도록, 한 번에 드로잉 보드와 색상을 보냅니다.
그래서, 단순히 라이브러리와 프레임 워크의 컬렉션 일부 언어 기반 조성 효율적으로 바로 가기 명령이나 도구의 연속으로 이해 할 수 있습니다.
두 번째 개념은 컴퓨터 언어에 문제의 버전입니다.
우리는 언어 버전 등 htm4, HTML5, CSS2, CSS3, ES6, ES7에 대한 이러한 개념 때문에 몇 가지 문제가 발생합니다 과정에서 정보를 찾을 수 있습니다.
왜 HTML, CSS, 자바 스크립트 언어 많은 버전이 될 것인가? 자바 스크립트와 ECMAScript를 관계는 무엇인가? 우리는 매우 무지한 느낄 수 있습니다.
사실, 그것은 제품과 같은 약간의이다, 결국, 업그레이드를 유지하는 사람들을 위해 설계 컴퓨터 언어는 지속적으로 개선.
사실, 같은 이유는, 컴퓨터 언어의 버전. 예를 들어이 언어 HTML을 가지고, 개발 및 W3C라는 표준 HTML을 언어를 갱신하는 특별한 조직이있다. 시간 W3C 시간이 업데이트 된 브라우저를 유지하기 위해 일반적으로 표준 언어를 따를 것이다, 그 브라우저 개발 회사, 토론, 조직 html로 언어 표준을 업데이트하고, 이러한 브라우저는 새로운 표준의 채택의 표현을 할 수 있습니다 html 파일은 정확하게 디코딩하지만, 이러한 표준은 필수하지 않습니다.
그래서 때로는, 브라우저가 표준이 공식적으로, 브라우저의 경우 지원되었을 수도 발표하지 않은 것 또한 가능하다, 지원하는 표준 출력되지 않습니다 이해해야 키는 이들 새로운 기능의 브라우저 제조 업체 긍정적 인 정도.
일반적으로 전체 재 설계 언어 또는 컴퓨터 언어의 업데이트 된 버전하지 않는 한 앞으로 호환, 새 버전은 주로 이전 버전에 비해되어 있습니다, 말하기에 영향을주지 않고, 더 많은 기능과 기능을 지원하기 위해 몇 가지 요소를 추가합니다 이전 버전의 언어를 지원합니다. 당신이 볼 경우 어떤 튜토리얼이 일 때문에, 경우 HTML 파일의 해석의 브라우저에서 지원하는 HTML5 버전 또한 HTML5 또는 신규 진입자의 CSS3 버전입니다, 지식 포인트가 사실 HTML5, CSS3 지식 말한다 HTML4는 표현의 지원 버전을 제기 할 수 있습니다. CSS2보다 더 그래서 HTML4, 표준 호출의 CSS 언어 버전은 HTML5이 실제로 CSS2, CSS3와 같은 이름의 표준 HTML 언어 버전입니다이며,이 버전이 추측 한 것, CSS3의 달성 효과 더.
그러나 이름의 자바 스크립트 언어 표준 버전은 실제로 JS 언어 표준의 버전입니다, 당신은 짧은 ECMA 스크립트 (6) ES6을들을 수 있습니다, 상대적으로 복잡하다. 일부 기사는 사실, 당신이 어떤 JS의 언어, 이러한 표준을 개발하고 게시 할 수있는 전담 조직되어있는 기능과 추가 된 새로운 표현의 ES6 버전을 배울 수 있도록하는 것입니다, ES6 배울 수있다. 이제 매년 JS가 직접 전화 ECMASCRIPT2018 이러한 방법으로, 짧은 ES2018의 일부를 명명 표준의 지금 명확한 언어 버전이 같은 버전을 발표했다.
다음과 같은 지식 당신은 빠른보기의이 조각에 그.
세 방향 및 기본 탐사 단계
이 두 개념을 갖는, 우리는 세 방향 탐사 단계와 기본에 대해 이야기 할 수 있습니다.
기본
처음에 입문 단계에서, 사실, 우리는 당신이 더 깊이있는 연구와 마스터 더 프런트 엔드를 이동하려면 더 기본적인 이해 및 사용, 여러 언어를 프론트 엔드 만 프론트 엔드의 피상적 인 지식을 배웠습니다 지식, 우리가 기초를 취해야 특히, CSS를 더 단단한이며, JS는보다 포괄적이고 체계적으로 연구 할 필요가있다. 기반을 마련하기 위해 계속하는 동안, 당신은 VUE 학습의 틀에서, 반응 그래서 그들은, JS, 질의 말에 대한 코드에 자신의 능력을 향상시키기 위해 이러한 프레임 워크를 사용하는 능력, 부트 스트랩을 가지고 프레임 워크의 원리를 이해하기 위해 몇 가지 프레임 워크의 사용을 배우기 시작할 수 있습니다 또한 JS는 더 철저하게 배울 수 많은 코드를 돕기 위해 자신의 능력을 향상시키기 위해, 당신에게 더 나은 이해 JS합니다.
물론, 모든 프레임 워크 심지어는 프레임 워크를 개발할 수있는 능력을 가질 수, 프레임의 다양한 너무 많이 배울 필요가있다. 지금 매우 인기가 있기 때문에하지만 내 조언이 프레임 워크를 배울 반응하는 것입니다, 보급률도 높은, 많은 기업들이이 기술을 사용하여,이 같은 설계 도구 FramerX 및 코드는 반응의 깊이 모음의 조합으로되어있다. 당신은 마스터 반응 할 수 있다면, 그래서 것이다 당신의 디자인에 큰 도움의 일. 그래서 기본적으로 이것이 당신이 이미 알고 겉으로는 긴장을하지, CSS, JS 학습 컨텐츠를 좋은 기반을 마련 계속 할 필요가 지식의이 부분은 실제로 매우, 특히 JS, 천천히 시간과 에너지를 많이 할 수 있습니다 지출 할 필요가있다 을 통해 철저하게 학습.
그리고 세 방향 것으로, 많은 지식이 고체 CSS와 JS 기준, 더 나은 당신의 기반으로 구축되어, 쉽게 나중에, 더 효율적으로 배울 수 있습니다. 그리고 우리는 결국 세 방향에서 살펴 것은 무엇 세 가지입니다.
첫 번째 방향 : 창조적 인 제품의 방향
이 방향으로 자신을 개발하고 제품 라인의 방향에 다수의 프로젝트를 완성하는 법을 배워야하는 것입니다.
사실, 많은 디자이너 주니어 파트너 인터넷 제품은 다음 디자이너입니다 그렇다면, 자신의 아이디어와 생각,뿐만 아니라 몇 가지 아이디어가 빠지지, 그냥 예술 인터페이스 메이크업의 고성능 아이콘 페인트하지 구현하는 욕망이 제품 개발은, 독립적 인 제품 디자이너가 자신의, 자신의 발전을 설계하는 것입니다,이 분야에 대한 심층 연구를 갈 수 있습니다. 당신이이 일을 배우고 싶은 경우에, 그것은 매우 많은 콘텐츠입니다.
첫째, 당신은 장면이 아주 많이 사용할 수 있습니다 반응 때문에 이동 통신 단말기의 ──react 네이티브 응용 프로그램 개발자를 달성하는 데 도움이 우리는 많은 일을 할뿐만 아니라 사이트, 웹 애플리케이션을 개발하는 것이 아니라, 반응에서 지식으로 도움을 탐구하고 있습니다 예를 GATSBY의 next.js.을 위해, 거기에 많은 유용한 개발 프레임 워크를 기반으로 있습니다 반응
또한 작은 절차의 개발에 대해 배울 수, 언어의 발달은 실제로 이러한 언어 기반 프런트 엔드를위한 좋은 기준이 있다면, 다음 작은 프로그램을 개발하기 시작하는 것은 매우 빠르고 프론트 엔드 기술에 작은 프로그램입니다. 작은 프로그램을 개발함으로써 실제로 응용 프로그램 수준의 제품을 많이 할 수 있고, 대부분의 시간은 응용 프로그램 개발 요구를 대체 할 수 있었다.
또한, 당신은 또한 다음 노드 또는 전화 nodejs을 배울 수 있습니다. JS 엔진 내부의 브라우저가이 JS 파일을 확인할 수 있기 때문에 이전 JS는 전통적 브라우저에서 실행되기 때문에 노드 만의 도입으로, 우리는 서버에 JS를 사용할 수있는 프로그램입니다 노드 후, 서버에 JS 언어를 사용하여 많은 기능을 달성 할 수있을 것입니다.
당신이 만족하지 않는 경우, 당신은 또한 당신이 더 많은 일을 할 수 있도록 다음 mongdb (데이터베이스의 한 종류), 함께 작업, 그것을 읽고 사용자 정보에 대한 쓰기 액세스 노드 번호를 달성하기 위해 이해하기 위해, 데이터베이스 및 서버에 대한 약간의 지식을 배울 수있는, 더 복잡한 제품의 일부를 않습니다. 당신이 컴퓨터 터미널 응용 프로그램을 개발하려는 경우, 당신은이 프레임 워크 전자, 그것은 데스크톱 소프트웨어 크로스 플랫폼의 개발자를 달성하기 위해 HTM, CSS, JS와 함께 우리를 도울 수에서 배울 수 vscode이 코드 편집기는 전자에 의해 개발하는 것입니다.
당신은 내가이 배운 것을 말할 수있는 경우에, 당신은 매우 강력한 풀 스택 독립적 인 제품 디자이너를 가지고, 당신은 어려운 일이 아니다 몇 가지가 작지만 인터넷 제품의 아름다운 개발.
두 번째 방향 : 동적 효율 애니메이션 인터랙티브 경험
사실,이 방향으로 많은 디자이너도 가능과 가장 밀접한 관련이 직장에서 더 낫다.
먼저 당신이 더 깊이있는 CSS 애니메이션을 구현 방법과 기술을 습득, CSS 학습이 방향으로 이동하여 SVG의 그래픽 렌더링 HTML의 지식과 애니메이션이 있습니다. JS 정보, 당신은, 당신은 또한 가까운 우리의 디자인에 대화 형 경험이나 애니메이션 동적 효율성을 허용, 브라우저의 동작의 일부를 제어 할 수 있습니다 JS에 의한 상호 작용 페이지뿐만 아니라 제어 할 수있는 방법과 페이지의 콘텐츠를 변경하려면 더 깊이 할 필요가 프로그램.
다음 또한보다 쉽게 애니메이션을 제어하는 일반적인 표현을 사용하여 일부 복잡한 애니메이션을 달성하는 데 도움이 될 수 있습니다, 애니메이션, 더 유명한 예 GSAP를 달성하기위한 몇 가지 라이브러리와 프레임 워크를 학습하는 것은 웹 페이지에 달성하기 어렵다 .
또한, 당신은 FramerX에 대한 코드와 디자인의 조합이 고성능 프로토 타입 제작 도구를 배우고 갈 수있는 코드의 그것의 일부를 기반으로, 그것은 또한 프레이머 모션라는 특별한 라이브러리를 가지고있다 반응 그것은 실제 제품의 개발에 사용하기 위해 다양하고 편리한 기능을 제공합니다, 우리가 상호 작용 행동과 애니메이션의 세부 사항을 많이 도울 수 실현하기 쉽다.
셋째 방향 : 데이터 시각화 시각화의 전단
이것은 방향입니다 매우 유망 방향입니다. 이 방향에서 나는 두 가지 측면에 주요 초점을 생각합니다.
첫 번째는 데이터 시각화한다. 나는 우리가 나쁜을들을 수있는 용어 빅 데이터를 생각하고 데이터 시각화는 실제로 큰 데이터가 중요한 사용 시나리오를 제공합니다.
어떻게 데이터 시각화 문제가 해결 될 데이터를 통신 할 수있는 능력을 향상시키기 위해, 그리고 수요가 증가 할 것이다, 디지털 경제의 발전이 측면으로 증가하는 방법 데이터의 많은 양을 표시합니다.
데이터 시각화의 방향으로 프론트 엔드는, 실제로 당신이 찾아 검색을 갈 수있는 다른 많은 새로운 라이브러리가있다, 아마도 가장 유명한이 D3입니다, 더 성숙 라이브러리의 일부를 가지고있다. 당신이 데이터 시각화에 관심이 있다면, 다음이 당신이 배울 필요가 일부 라이브러리의 대상이되었을 수도 있습니다.
다른 양태는 시각적 프론트 엔드이다.
컴퓨터 장비 및 모바일 장치의 지속적인 업그레이드와 함께, 브라우저가 더 많은 일을 입체 페이지, 동적, 대화 형 그래픽 효과의 수에 달성 한 할 수있는, 그것은 또한 매우 완화 된 .
관련 지식이 조각은 당신이 관심이 있다면, 당신은이 단단한 기초 JS 필요뿐만 아니라 매우 깊은 필드, 배울 수 있으며, 심지어 일부는 깊이있는 부분은 일부 그래픽을 배울 수있다, 매우 흥미로운, 매우 큰 과학의 지식뿐만 아니라 좀 더 수학적 지식. 내가 무엇을 배웠는지에 대해 이야기 단순히 여기입니다 그래서 그러나이 일에, 나는 단순히 몇 가지를 알고있다.
지식은 주로 캔버스와 WebGL에 관련되어, 캔버스 라벨 HMTL의 내부는 라벨이 무엇인지 모른다면, 당신은 HTML 언어의 내부 기능으로 이해할 수 있으며, WebGL을이 (자바 스크립트를 통해이 캔버스에 캔버스에 2D 및 3D 그래픽)의 다양성을 그립니다.
세 가지 가장 유명한 소개 도서관은 three.js를하고, 물론, 다른 많은 도서관이있다, 당신은 관련 정보를 스스로 찾아 갈 수 있습니다.
또 다른 내 마지막 문제는 당신이 관심이 있다면, 당신은 적절한 시간에 배울 수있는 프로그램, 예술 프로그래밍을 처리하는 예술의 효과를 달성하는 데 사용,이 라이브러리의 p5 말했다이다. 사실,이 방향의 지식은, 그것이 데이터 시각화 또는 시각적 프론트 엔드는 다양한 효과를 달성하기 위해 이러한 라이브러리 모두 JS를 사용하여 동작하는 페이지 요소이기 때문에, 주로, JS의 견고한 기반 구축하여야인지 당신이 내용을 배울 수 있도록하기 전에, JS의 기반을 구축해야합니다.
상기는 사실하면서,이 방향은 상호 배타적이지, 심지어 내가 탐험의이 단계를 호출 할 이유 인, 배우려고하는 점점 더 많은 수 있습니다 교대로 수행 할 수 있습니다, 내 세 방향을 요약 한 것입니다 이 과정은 당신을 수 있도록, 시행 착오 학습 및 검토의 과정이다 프런트 엔드 파악에 더 깊이있는 경험의 지식뿐만 아니라 성능이 월등하고, 특히 자바 스크립트에 대한 지식이 더 단단한 파악할 수 있습니다.
자바 스크립트의 능력은 교육을 촉진하기 위해 프런트 엔드 기술의 핵심 기초입니다 기억하십시오.
음, 두 번째 탐사 단계는 최종적으로 완료됩니다.
만들기
두 번째 단계에서, 당신은 또한 프런트 엔드 관련 기술의 많은 것을 알게되었고 일부는, 일부는 그냥 알 수있는 몇 가지 깊은 될 수 있지만, 대부분의 시간 이야기, 운동을 할 수있는 튜토리얼, 그리고 세 번째 단계를 따르는 것입니다, 자율성의 프로젝트 출력의 체계적인 성격을 할 수있는 시간을 가지고 당신을 위해 필요하다.
다음이 단계는 당신이 그들과 함께 배울 일부 제품을 만들 필요가 뭔가에 대한 지식이 기술을 마스터하는 가장 좋은 방법은 적용이 단계는 그들이 만들어 학습 한 내용을 통합하는 프로젝트 전투이다는 문제, 지속적인 학습을 식별 심층 연구. 연습 할 필요가있다 학습, 등 우리가 진정으로 문제의 제품을 찾을 수 있습니다, 우리는 깊이있는 실제 사용자 시나리오를 사용하려면, 제품을, 학습이 같은 사용자의 고충, 당신은 정말 프로젝트를 수행, 당신은 어디에서 자신을 발견 할 것이다 이해하지 경우에만 장님이 자습서 할 빛나는 경우, 블라인드 스팟의 기술에 대한 지식이 많이있을 것입니다.
많은 학생들이 프로젝트는 더 될 것을 할 수 있다고 생각,이 같은 자신의 개인 웹 사이트 개발, 웹 사이트 개발을 자신의 블로그로, 사실이 아니다, 당신은 모두 일반 사이트 페이지도 작은 프로그램 할 수있다 할 수 있습니다. 예를 들어, 일부 응용 제품 설계 초안에서 일을해야, 당신은 그것을 달성하기 위해 자신의 코드로, 제품의 웹 버전에 넣어. 또 다른 예를 들어, 당신은 작업 효율을 이동에 대한 책임이 있습니다, 당신은 자신에게 프로젝트 코드를 달성하기 위해 자신의 동적 효율 자신의 작품과 상호 작용의 100 dongxiao 소스 구현을 제공 할 수 있습니다. 그래서, 사실, 당신이 프로젝트의 많은 작업을 수행 할 수 있습니다, 당신은이 새 프로젝트로 전환 될 수 있다는 것을, 당신은 프론트 엔드의 일부를 해결하기 위해 기술을 사용할 수있는 경우 일반적으로, 기록을 발견 자신의 요구 나 문제의 일부를 넣을 수 있습니다.
이 모든 프로젝트를 통해 더 많은 실제 프로젝트 경험을 축적 할 때, 코드를 신속하게, 무의식적으로 용량을 증가 동시에, 당신은 더 많은 것 개별 프로젝트에 표시 할 수 있습니다 당신을 위해, 그것은 매우 가치있는 수도입니다.
연구
당신이 당신의 프런트 엔드 용량이 일정 수준에 도달 한 것으로, 네 번째 단계에 와서 사이트, 쓰기를 작성하거나 일부 동적 효과를 할 수 있다면 시각 효과 당신을 이길 수 없다.
동시에, 당신은 심도있는 발전을 선호하는 방향을 대략적으로 알 수 있어야합니다. 물론, 디자이너로, 그것은 작은 파트너의 많은 주로 독립적 인 제품 디자이너를하려면, 몇 가지 작은 파트너가 매우 제품을 개발에 관심이있는 배제하지 않는 애니메이션 효과 나 시각적 프론트 엔드 개발을 이동하는 것이 좋습니다 자신을 할 수있다 자신의 제품 개발을 디자인합니다.
이 단계는 자신의 명확한 방향에에서 어떤 경우에, 일정 기간이 지속적인 학습 안에이 일에 에너지의 핵심 분야에 초점을 자신의 운동을, 프로젝트를 수행을 계속하려면, 배우고,이 지역이 심화 지속으로 요약하는 것을 계속한다. 사람의 에너지가 제한되어 있기 때문에, 처음 몇 단계는 나를 설명에서, 당신은 아마 또한 어느 방향에 상관없이 실제로 배울 수있는 에너지와 연습을 많이 지출해야한다는 것을 배웠습니다. 이 4 단계가 끝이 아니다, 그런 다음 어떤 방향으로 배우고, 특정 깊이 후 학습 한 다음 다른 방향을 전환 할 수 있습니다, 그것은 모두 당신의 자신의 필요와 관심에 따라 달라집니다.
이 학습은, 특히 인터넷이 라인, 특히 빠른 발전과 변화, 기술 진보 끝이 반복적 너무 빨리, 오직 학습을 계속, 당신은 아마이 업계에서 제거 할 수 없다. 이 과정에서 희망, 당신은 학습을 즐기고, 자신의 성장을 수확 할 수 있습니다.
지식은, 더 중앙 중요한, 나는이 모든 콘텐츠를 말했다 당신이 학습 과정에서 발생할 수있는 어떤 지식이 아닌 요약 내 자신의 경험과 실제 학습 경험을 기반으로 위에서 언급 한 많은 경우에 당신이 나와 함께 모든 이해하지 못하고, 제발 공유가 발생하면 열거 할 필요는 없다, 그럴 수있다. 나는이 문제가 당신이 배울 수있는 프런트 엔드 학습에 대한 몇 가지 질문을 해결하는 데 도움이되기를 바랍니다.