프론트엔드 프로그래머: 월급 5천~5만, 나는 무엇을 했는가?

프론트엔드 프로그래머: 월급이 5천에서 5만.
프론트엔드 개발 같은 정교한 기술 분야에서 내가 원하는 직업을 어떻게 찾을 수 있나요? 카페에서 커피를 마시며 코드를 입력하는 것만으로도 승진하고 연봉을 올리고, 집과 차를 사고, 바이푸메이와 결혼하고, 인생의 정점에 도달하려는 직업적 꿈을 실현하시겠습니까? 이 기사 "진화론: 0에서 100까지, 원생동물의 번성하는 성장을 위한 영적 사료의 역사"는 확실히 당신의 경력을 가속화할 힘을 줄 것입니다.
프론트엔드 개발 작업은 점점 더 복잡해졌습니다. 프론트엔드 개발 학습 목록을 작성하는 것만으로도 이미 어려운 작업입니다. 예전에는 HTML, CSS, Javascript를 작성할 수 있는 능력만 있으면 프런트엔드 개발 작업을 맡을 수 있었습니다. 이제 웹 개발은 단순한 코딩 그 이상입니다. 인터넷에 더 많은 콘텐츠가 있고 더 많은 사람과 더 많은 장치가 인터넷에 액세스할 수 있기 때문에 웹 프런트엔드 개발 기술이 더 많이 필요합니다. 로딩 시간, 성능, 다양한 화면 크기, 다양한 입력 방법, 빌드 시스템, 배포 전략, 코드 구성 방법 등 지금 고려해야 할 많은 문제가 있습니다.
아직 상상 속의 프론트엔드 개발인가요? 사실, 열정이 있는 한 이것들은 여전히 ​​매우 흥미롭습니다. 이제 좀 더 자세히 살펴보겠습니다. 프론트엔드 개발 작업을 위해 정확히 무엇을 준비해야 할까요?
엔트리 라인: 5대 하드웨어
다음 사항을 준비하세요.
인간의 두뇌: IQ는 평균 이상입니다.
강한 열망: 브라우저가 있는 모든 기기에서 내 코드가 실행될 수 있어야 합니다.
노트북: Windows, Mac OS X, Linux를 실행할 수 있다면 많은 비용이 들지 않습니다. 물론 데스크톱 컴퓨터만 사용할 수도 있지만 카페에 들고 갈 수는 없습니다...
텍스트 편집기: 권장되는 것에는 Atom, Visual Studio Code, TextMate가 포함됩니다. Mac OS, Windows 무료 버전에서 사용 가능합니다. Sublime, WebStorm은 어떻습니까? 아, 인기가 많은데 비용이 70달러 이상 필요합니다...
1. 주니어 자격 요건
일부 전문 재단. 브라우저가 이해할 수 있는 세 가지 주요 언어인 HTML, CSS, Javascript – 삼위일체를 배워야 합니다!
다른 언어를 배우기 전에 이 세 가지 언어를 이해하는 것이 매우 중요합니다. 다양한 화면 크기에서 웹 페이지를 정렬하는 방법과 버튼을 누른 후 작업을 수행하는 방법을 알아 두세요.
유용한 학습 자료! .
Codeacademy: 대화형 코드 따라 튜토리얼(이 사이트는 정말 폭탄입니다)
초보자를 위한 웹 개발: webplatform.org의 기사.
MDN: https://developer.mozilla.org/en- US/docs/Web
2. 중급 고급 경로
세 가지 주요 언어를 마스터하면 전문 개발 프로세스를 배울 수 있습니다.
명령줄: 글쎄요, 명령줄은 알겠지만, 가장 기본적인 작업을 마스터하고, 환경을 구성하는 방법과 이상한 쉘 스크립트를 자주 사용하게 되므로 익숙해져야 합니다.
CSS로는 더 이상 충분하지 않습니다. CSS 전처리(Sass, LESS)가 있습니다.
빌드 시스템 구축 방법을 알아두십시오. Gulp 또는 Grunt와 같은 작업 스크립트 구축, CSS로 LESS 컴파일, Javascript 연결, 정적 리소스 압축 축소, 로드할 비동기 또는 동기 방식 선택, 그리고 좋은 빌드 시스템 구축 자동으로 수행하려면 코드 테스트를 위한 로컬 웹 서버를 포함하세요.
코드 버전 관리, git.
Github에서 코드를 공유하세요!
웹사이트를 온라인으로 구축하세요. heroku.com, https://pages.github.com과 같은 무료 서비스 제공업체를 찾을 수 있습니다
이것들은 현대 프런트엔드 개발자가 사용하는 거의 도구와 기술입니다. 이제 당신도 프런트엔드 개발자가 될 수 있습니다. 최종 개발 엔지니어.
첨단 폭발 장비. 간단한 레이아웃과 대형 고화질 사진을 사용하여 친구의 비즈니스를 위한 웹사이트를 구축할 수 있었으며 휴대폰에서도 멋지게 보입니다. 그럼 또 무엇을 배울 수 있나요?
웹사이트를 콘텐츠 관리 시스템(CMS)과 통합하세요. CMS를 사용하면 코딩 없이 사용자 인터페이스를 통해 콘텐츠를 추가, 삭제, 수정 및 구성할 수 있습니다. 이것이 해당 블로그 사이트가 작동하는 방식입니다. 예를 들어 무료 WordPress의 경우 오픈 소스 CMS에 익숙해지면 매우 유용합니다.
CMS 구축 방법을 배운다는 것은 Node.js나 PHP와 같은 서버측 언어에 익숙해져야 한다는 것을 의미하며, 그 다음에는 MySql이나 PHP와 같은 데이터베이스를 다루는 방법도 알고 싶다는 뜻입니다. 몽고DB.
Angular, React, Ember와 같이 매우 중요한 뛰어난 상호 작용을 갖춘 웹 애플리케이션을 실제로 구축할 수 있도록 Javascript 프레임워크에 익숙해지도록 합시다. 마음에 드는 것을 고르되 반드시 숙달하세요.
자바스크립트 디자인 패턴, 자바스크립트에도 디자인 패턴이 있나요? 네, 읽어보세요.
하늘을 가르는 궁극의 움직임. 의사소통 능력! 당신은 친구들과 소통해야 합니다. 그들은 당신의 코더 파트너, 상사, 사용자, 당신의... 질문이 있는 경우 stackoverflow로 이동하여 네트워크를 확장하고 Meetup.com으로 이동하세요. 학습 경험을 공유하고 Gitgub에 Pull 요청을 제출해 주세요.
인터페이스 디자인 및 사용자 경험 디자인 UI/UX 디자인, 프런트엔드 개발 파트너는 기본적인 UI/UX 디자인 지식이 필요합니다. 검색 최적화를 위해서는 사람들이 더 쉽게 검색할 수 있도록 웹사이트의 검색 순위를 높이는 방법을 알아야 합니다. CSS 전환 효과, 버튼에 대한 호버 CSS 애니메이션 작성, 오른쪽에서 슬라이드되는 탐색 메뉴에도 부드러운 애니메이션이 필요합니다.
성능과 관련하여 웹사이트를 최대한 빨리 로드하고, DOM 리플로우를 줄이고 작업을 다시 그리며, 스크롤 성능 병목 현상을 방지하고, Javascript를 최적화하고, 이 Google 웹 개발자 기본 사항을 읽어보세요.
Jasmine 및 QUnit과 같은 일부 테스트 프레임워크를 사용하여 Javascript 단위 테스트를 구현합니다. CI(지속적 통합), CircleCI, Travis CI, Jenkins와 같은 파트너와 함께 사용할 자동화된 테스트 및 배포 도구 세트를 구성하는 방법을 알고 있습니다.
기타 매우 유용한 보너스 기술입니다.
↓↓↓필수는 아니지만 눈에 띄는 데 도움이 될 수 있습니다.
CSS3, SVG, Canvas API를 사용하여 애니메이션을 구현하세요.
백엔드 개발, Node.js
마침내: 취업하세요!
기술을 갖추는 것만으로는 충분하지 않습니다. 이를 입증할 수 있어야 합니다.
작은 웹사이트를 구축하고, Gitub 코드 베이스를 공개하고, 코드와 문서가 명확하고 아름다운지 확인하세요.
당신의 상사나 투자자를 찾으려면 Meetup.com으로 이동하고, 블로그를 시작하고, LinkedIn 계정을 신청하세요
웹 기술은 항상 변하기 때문에 만족스러운 직업을 찾았더라도 결국에는 그렇습니다. , 여전히 동기 부여가 필요합니다. CSS Tricks, SitePoint, Smashing Magazine
물론 CSDN과 같은 중국 커뮤니티도 있습니다. 간단히 말해서 문제가 발생하면 지역사회에는 기꺼이 도와주려는 사람들이 항상 있습니다. 좋은 직업적 태도를 유지하세요. 겸손함을 유지하고 멋진 작품을 만드세요.
Brotherhood Gao Luofeng은 무료로 제자를 모집합니다: http://www.hdb.com/party/lzcw-comm.html
LAMP Brothers의 원본 PHP 비디오 튜토리얼 CD/"Elaborate PHP" 필수 버전을 무료로 받으세요. 자세한 내용은 공식 웹사이트의 고객 서비스에 문의하세요:
http://www.lampbrother.net
[Brothers IT Education] PHP, Linux, HTML5, UI, Android 및 기타 비디오 튜토리얼(코스웨어 노트 비디오)을 배워보세요!
네트워크 디스크 튜토리얼 다운로드: http://pan.baidu.com/s/1sjOJiAL

위 내용은 프론트엔드 프로그래머에 대한 소개입니다: 월급 5K ~ 50,000, 내가 하는 일, 내용적인 측면까지 포함하여, PHP 튜토리얼에 관심이 있는 친구들에게 도움이 되었으면 좋겠습니다.