유용한 팁

처음부터 웹 개발자가되는 방법

Pin
Send
Share
Send
Send


이 질문에 대한 간단한 답변은 다음과 같습니다. 웹 개발자가 사이트를 만들고 유지 관리합니다. 최고의 전문가가 필요하며 웹 개발자를 확보하기 위해 많은 돈을 벌 준비가되어 있습니다.

웹 개발자의 책임 및 요구 사항 :

  • 다양한 마크 업 언어를 사용하여 웹 페이지를 만들고
  • 고품질 모델 및 프로토 타입 제작
  • 처음부터 WordPress에 사이트 만들기
  • HTML 및 CMS 이해
  • UI 및 UX 이해
  • 사이트 및 웹 응용 프로그램의 기능 및 디자인 개발
  • 유지 관리 및 사이트 개선.

웹 프로그래머의 전문화에 대해 이야기하면 세 가지 주요 영역이 있습니다.

  • 프론트 엔드 개발. '프론트 엔드'란 메뉴, 드롭 다운 목록 등과 같이 사이트에서보고 상호 작용하는 요소를 의미합니다.
  • 백엔드 개발. "백엔드"는 빙산의 수중 부분과 유사합니다. 그렇지 않으면 사이트가 작동하지 않습니다. 백엔드는 서버, 애플리케이션 및 데이터베이스와 같은 것입니다.
  • 풀 스택 개발. 이것은 백엔드 및 프론트 텐드 개발의 조합입니다.

시장 상황

시장의 전반적인 상황을 고려하면 IT 분야에서 가장 인기있는 영역을 구분할 수 있습니다.

1. 프론트 엔드 — 트렌드가 끊임없이 변화하는 가장 크고 가장 빠르게 성장하는 산업. JavaScript 프로그래밍 언어와 Angular.js, React.js, Vue.js와 같은 프레임 워크 및 HTML 하이퍼 텍스트 마크 업 언어 및 CSS 스타일 시트를 사용합니다.

2. 웹 개발 즉, PHP, Ruby 및 Python과 같은 다양한 언어를 사용한 백엔드 개발.

3. 안드로이드 / iOS 개발- Java, Swift, Objective-C, C # (Xamarin), JavaScript (React Native) 등의 모바일 장치 개발

.NET 개발- ASP.NET 기술을 사용하여 C #의 Windows 운영 체제 용 데스크톱 응용 프로그램과 웹 사이트를 포함한 서버 프로그램의 개발

5. 자바 개발- Java EE 기술을 사용하는 대형 고성능 시스템뿐만 아니라 크로스 플랫폼 Java 애플리케이션 개발. 신뢰성, 확장 성 및 유연성이 필요할 때 선택됩니다.

6. 게임 개발- 다양한 플랫폼을위한 게임 개발.

7. UI / UX- 사용자 인터페이스 디자인.

8. 품질 관리- 소프트웨어 품질 보증 및 테스트.

9. 임베디드 개발- 하드웨어 용 소프트웨어 개발 : 자동차, 가전 제품 및 해당 프로세서의 어셈블리 삽입물이있는 C 및 C ++와 같은 저수준 언어를 사용하는 다양한 장치.

왜 웹에 가나 요?

이제 웹 개발은 빠르게 성장하는 산업으로, 하나의 기술이나 프레임 워크를 탐색하고 그 작업을 시작할 가치가 있습니다. 2 ~ 3 개월 후에 완전히 새로운 무언가가 시장에 나타나고 모든 사람들이이를 사용할 것입니다.

웹 개발은 젊은 전문가에 의해 지속적으로 업데이트됩니다. 10 년의 경력을 가진 상급 프로그래머는 거의 만나지 못할 수 있습니다. 관리자가 성장하거나 새로운 언어를 배워야합니다. 산업의 급속한 성장은 광범위한 정보 분야와 강력한 커뮤니티를 형성합니다.

따라서 젊고 에너지가 많고 맛이 좋으며 프로그래밍을 좋아한다면 웹 개발이 적합합니다.

웹 개발자의 수입은 얼마입니까?

구직 사이트를 살펴본 후 웹 개발자의 모든 급여를 볼 수 있습니다. 6 개월 미만의 경험이있는 초보자는 30,000 ~ 60,000 루블을 얻을 수 있습니다. 좋은 경험을 가진 평범한 전문가는 80,000-150,000 루블을받습니다. 전문가의 수입은 150,000 ~ 250000 루블입니다. 또한 국가, 지역, 선택한 언어 및 공석을 제공하는 회사에 따라 다릅니다.

웹 개발자 부족

세계에서 다른 프로파일과 레벨을 가진 1,100 만 명 이상의 웹 개발자. 그러나 CMS Magazine과 Runet Rating에 따르면 회사 및 웹 스튜디오의 62 %가 직원 부족을 심각하게 인식하고 있습니다. 이것이 웹 개발 분야의 직원 부족에 대한 질문에 답변 한 방법입니다.

오늘날 모든 웹 스튜디오의 4 분의 1만이 정규 직원 수에 만족합니다. 프로그래머가 많지만 여전히 충분하지 않은 것으로 나타났습니다. 왜?

  • 고용주의 15.9 %는 잠재적 인 직원의 교육 수준이 시장의 요구 사항을 충족하지 못한다고 생각합니다 (괜찮은 포트폴리오, 팀워크 경험 없음).
  • 기업의 15 %는 원칙적으로 복잡한 프로젝트 (특히 지역)를 개발할 수있는 자격을 갖춘 웹 프로그래머가 거의 없다고 생각합니다.
  • 회사의 7.3 %는 많은 웹 개발 전문가들이 주정부에 프리랜서 작업을 선호한다고 말합니다.
  • 웹 스튜디오의 6.3 %는 지원자의 급여 기대치가 고용주의 역량과 일치하지 않기 때문에 협력이 효과가 없다고 생각합니다.

따라서 웹 프로젝트를 만드는 전체주기를 알고 있으며 비즈니스에서 즉시 자신을 증명할 수있는 멋진 개발자는 거의 없습니다. 대형 웹 스튜디오에 의해 이미 해체되었거나 프리랜서로 들어간 사람들은 개별적으로 수입이 일부 소규모 회사의 월급 이상이라는 것을 이해하기 때문에 프리랜서로 전환했습니다.

예를 들어이 Runet Rating 그래프를 살펴보십시오.

"웹 개발 시장은 여전히"시장 "매뉴얼에서"노동 "

프리랜서 개발자는 비싼 프로젝트에서 다소 큰 틈새 시장을 차지합니다. 그들은 1 억에서 3 만 루블까지 프로젝트 비용의 6 %를 얻으며 프로젝트의 8.3 %는 3 만 루블보다 비쌉니다.

웹 개발자 필요

웹 프로그래머의 직업과의 관련성을 쉽게 확인할 수 있습니다. 온라인 취업 서비스를 이용하면 충분합니다.

모스크바에서만 거의 1 만 5 천만 공석이 있습니다. IT 회사와 웹 스튜디오 사이에서 훌륭한 개발자에게는 심각한 어려움이 있습니다.

회사의 28.4 %가 구직 자원의 도움을 받아 직원을 찾고 있습니다. 21.4 %-소셜 네트워크 및 권장 사항을 통해 16.2 %가 자신의 사이트에 공석이있는 섹션이 매우 효과적이며 12.7 %가 직원을 학교에서 퇴학시킵니다 즉, 그들은 재능있는 학생들을 인턴쉽에 초대하고 메달리스트와 올림픽을 추적하고 학생들을위한 경쟁을 조직하는 등의 일을합니다.

마지막 길은 가장 가시적입니다. 전문가들에 따르면, 학술 교육은 불활성이며 새로운 역동적 인 산업과 보조를 맞추지 못한다고합니다.

Vladimir Zavertaylov, Sibiriks Internet Studio의 창립자 겸 책임자

따라서 회사가 싸울 멋진 웹 개발자가 되려면 학위가 필요하지 않습니다. 지식이 필요합니다.

자격

웹 개발자 하에서 고용주는 일반적으로 범용 전문가의 전체 스택을 이해합니다.

풀 스택은 프론트 엔드 및 백엔드 개발로 구성됩니다. 프런트 엔드 개발자는 사이트 모양 (포털, 프로젝트)을 제공합니다. 백엔드 개발에는 리소스의 그림자 쪽, 사용자에게 보이지 않는 사이트, 잘못된 쪽이 포함됩니다. 그러나 전문화에 관계없이 웹 프로그래머는 전체주기를 알아야합니다. 이것이 없으면 구현하는 작업이 전체 프로젝트와 어떻게 통합되는지 상상할 수 없습니다.

현재까지 웹 개발 표준 (풀 스택)은 다음과 같은 지식입니다.

레이아웃 + 브라우저 프로그래밍 언어 + 서버 언어 + 데이터베이스 작업을위한 언어 + 프레임 워크

이런 종류의 지식을 GeekBrains에서 얻을 수 있습니다. 프로그래밍 학습을 원하는 사람들을위한 강의와 웨비나가 수집되는 교육 플랫폼입니다. 전문 "웹 개발자"는 11 개월 (플러스 인턴쉽) 동안 설계되었으며 여러 코스로 구성되어 있습니다.

  1. HTML / CSS. 이것이 사이트를 만드는 기본 사항입니다. 교육은 실습을 통해 이루어집니다. 학생들은 온라인 상점 웹 사이트를 개발하는 동시에 HTML / CSS의 속성과 기능을 동시에 연구합니다.
  2. 자바 스크립트 -첫 번째와 두 번째 수준. 이 프로그래밍 언어는 사이트를 실시간으로 만들도록 설계되었습니다. 방문자와 자원을 교환하고 커서 이동, 마우스 클릭 및 키 입력에 응답합니다. JavaScript의 첫 번째 과정에서는 기본 사항이 제공되고 두 번째 과정에서는 얻은 지식이 통합됩니다.
  3. 데이터베이스 기초. SQL (Structured Query Language)을 사용하여 액세스하는 데이터 스토리지 및 처리 시스템에 대한 20 개의 집약적 인 비디오 학습서입니다.
  4. Php -첫 번째와 두 번째 수준. 이 프로그래밍 언어는 가장 인기있는 3 가지 언어 중 하나입니다. 첫 번째 레벨에서 학생들은 객체 지향 프로그래밍의 원리를 배우고 기본 언어 구성을 올바르게 사용하는 방법을 배웁니다. 두 번째 수준에서는 PHP 기술을 실용성으로 연마 할 수 있습니다.
  5. HTML5 및 CSS3. 이 번들을 사용하면 레이아웃을 조판하고 정적 사이트를 만들고 편집 할 수 있습니다. 이 과정에서 학생들은 상업 조직을위한 광고 사이트를 만드는 모든 단계를 거칩니다.
  6. AngularJS / D3.js. 여기에서 학생들은 단일 페이지 웹 응용 프로그램 Angular.js를 구축하기위한 가장 강력한 프레임 워크와 공생하면서 D3.js를 사용하는 방법을 배웁니다.
  7. Yii 프레임 워크. 이것은 가장 인기 있고 인기있는 PHP 프레임 워크 중 하나입니다. 이 강의는 기본 및 고급 응용 프로그램 템플릿에 대해 논의하고 Evernote 프로그램의 아날로그를 개발합니다. 숙제로서 학생들은 나중에 포트폴리오에서 사용할 수있는 캘린더 프로그램을 만드는 것이 좋습니다.

포트폴리오에 대한 본격적인 사례는 GeekBrains의 2 개월 인턴쉽 기간 동안 이루어질 수 있습니다. 그것에 졸업생은 아이디어를 생성에서 프로젝트의 구현에 이르기까지 모든 과정을 진행하고 팀과 상호 작용하는 법을 배웁니다. 또한 GeekBrains 파트너 회사 중 한 곳에서 후속 고용으로 인턴십을 받거나 비슷한 신생 기업을 찾을 수있는 기회가 항상 있습니다.

그리고 결국 가장 즐거운 것-돈에 관한 것입니다. 결국, 처음에 언급했듯이, 범용 웹 개발자의 직업은 요구 될뿐만 아니라 높은 보수를 요구합니다.

태그 라인 에이전시에 따르면, 웹 프로그래머는 평균 러시아 거주자보다 1.8 배 높은 급여를 받는다.

이 나라의 웹 개발자의 평균 급여는 모스크바에서 60310 루블, 지역에서 75270 루블-46790 루블입니다.

이 직업에는 경력 상한이 없으며 편안한 노년기를 보장 할 수 있습니다. 열심히 노력하고 대규모 프로젝트를 성공적으로 구현하면 정보 기술 부서 책임자 또는 IT 책임자가 될 수 있습니다. 또한 웹 개발자는 종종 프리랜서를 선택하며 누구에게도 의존하지 않습니다. 그리고이 전문 분야는 인터넷에서 자신의 사업을 시작하기위한 훌륭한 플랫폼입니다.

간단한 웹 페이지 만들기

이미 배운대로 웹 페이지는 HTML 코드가 포함 된 .html 확장자를 가진 파일입니다. 양쪽에 꺾쇠 괄호로 묶인 특정 태그 세트입니다. 태그가 닫히고 닫히지 않습니다.

텍스트 편집기 Sublime Text3을 사용하여 새 index.html 파일을 만듭니다.

이제 표준 HTML 문서 구조를 갖습니다. 브라우저에서 생성 된 페이지를 열면 빈 흰색 배경이 나타납니다. 브라우저에 표시되는 페이지의 전체 내용은 여는 태그와 닫는 태그 사이에 배치되며 현재는 브라우저 탭에 제목 만 표시되지만 내용은 없습니다.

요소를 추가하십시오. 각각에는 고유 한 태그가 있습니다. 먼저 제목을 만들고 텍스트와 버튼으로 추가하십시오.

제목을 추가하려면 태그를 사용하십시오

왜 웹 개발자가 되나요?

웹 개발은 가까운 장래에 죽지 않을 산업입니다. 미국 인적 자원 통계국은 2024 년까지 웹 개발 작업이 27 % 증가 할 것으로 예측했습니다.

웹 프로그래머가되어 처음부터 배우는 5 가지 주요 이유는 다음과 같습니다.

  1. 원격으로 작업 할 수 있습니다.
  2. 독립적으로 일할 수 있습니다. 프리랜서 또는 사업 시작
  3. 수익성있는 기술 시장에 진입하십시오. 웹 개발은 첨단 기술 세계로가는 표입니다. 대부분의 기술 스타트 업에게는 웹 개발자가 필요하므로 이것이 성공의 길입니다.

웹 개발자가되는 방법

  1. HTML, CSS 및 Javascript의 기본 사항 배우기

이들은 모든 현장의 볼트와 너트로 매일 작업합니다.

  • HTML은 구조를 정의
  • CSS는 시각적으로 매력적으로 만듭니다
  • 자바 스크립트가 작동합니다.

웹 프로그래머가되기 전에 이러한 각 측면을 고려할 것입니다.

다음은 숙지해야 할 몇 가지 기본 HTML 태그입니다.

...-이 태그는 HTML 문서의 시작과 끝에 표시됩니다.
...는 웹 페이지의 이름입니다. 검색 엔진 (웹 페이지를 크롤링하고 색인을 생성 할 때)과 사용자 (브라우저 제목 표시 줄에 나타남)와 각 페이지의 기본 테마를 명확하게 나타내는 것이 중요합니다.
...-제목 태그, 메타 데이터 및 스크립트 및 스타일 시트에 대한 링크를 포함하여 특정 웹 페이지에 대한 정보를 포함합니다.
...-사용자가보고 읽는 모든 것을 포함하여 사용자에게 표시 될 모든 컨텐츠를 포함합니다.

참고 모든 태그는 ""로 시작하고 ""로 끝납니다. "/"-특정 태그의 동작이 끝나는 위치를 나타냅니다. 닫기 태그를 추가하는 것이 중요합니다. 그렇지 않으면 전체 문서에 적용됩니다.

HTML 구조의 스타일을 정의합니다. 원칙적으로 CSS가 없으면 HTML은 지루할 것이고 결과적으로 웹 페이지는 지루할 것입니다.

HTML에 CSS 스타일 시트를 참조하고 있습니다.

다음은 CSS의 실제 모습에 대한 예입니다.

Javascript는 웹 페이지에서 대화 형 요소를 구현할 수있는 프로그래밍 언어입니다. 예를 들어, 대화 형지도, 2D / 3D 그래픽 및 웹 프로그램 인턴조차 알고있는 것 이상.

  1. 워드 프레스 튜토리얼 살펴보기

  1. UI 및 UX의 기본 사항 배우기

UI (사용자 인터페이스) 및 UX (사용자 경험)는 사용자 인터페이스 개발의 기초입니다.

대부분의 개발자는 디자인 전문가가 아닙니다. 이들은 서로 다른 두 영역입니다. 그러나 사용자 경험 구축의 기본 사항을 익히면 사이트 작동 방식을보다 잘 이해할 수 있습니다.

웹 사이트 디자인의 기본 사항에 대해 자세히 알아 보려면 Adobe Creative Suite를 탐색하는 것이 좋습니다. Photoshop은 가장 진지한 디자이너에게 적합하기 때문에 가장 먼저 가져야합니다. 주니어 웹 프로그래머가 Adobe를 좋아하지 않는 경우 떠오르는 별인 Sketch를 배울 수도 있습니다.

  1. SQL 및 PHP 배우기 (고급 기술)

SQL은 데이터베이스 관리 시스템입니다. 그리고 PHP는 데이터베이스에서 데이터를 가져 오거나 검색하는 "스크립트"언어입니다.

예를 들어, WordPress를 고려하십시오. MySQL을 사용하여 데이터베이스 테이블에 정보 (블로그 항목, 페이지 내용, 주석 등)를 저장하고 관리합니다.

PHP는 이러한 요소와 상호 작용하고 사이트가 개발됨에 따라 데이터베이스를 업데이트하여 WordPress 사이트를 동적으로 만듭니다.

SQL 및 PHP의 작동 방식에 대해 자세히 알고 있으면 WordPress를 기반으로 한 사이트 개발을 완전히 마스터 할 수 있습니다. 이 유형의 서비스는 수요가 있습니다.

당신은 일주일에이 모든 것을 마스터하지 않을 것입니다. 그러나 시간이 지남에 따라 경험과 기술을 습득하면 웹 프로그래머로서 시장에서 경쟁력을 크게 높일 수 있습니다.

SEO는 검색 엔진 최적화입니다. Google과 같은 검색 엔진에서 사이트 순위를 향상시키는 프로세스입니다. 이것은 온라인 비즈니스에서 가장 중요한 기술 중 하나입니다.

SEO에서는 사이트의 구조와 코드도 중요한 역할을합니다. 예를 들어 제목 태그 (HTML)는 매우 중요합니다. 그들은 검색 엔진에 사이트에서 정말로 중요한 것을 알려줍니다.

SEO 전문가가되어야합니까? 확실히 아닙니다. 그러나 SEO의 기초를 확실히 배우고 사이트를 개발할 때이를 고려해야합니다. 따라서 생성 한 사이트가 성공할 가능성이 높아집니다.

웹 개발자를위한 몇 가지 SEO 팁은 다음과 같습니다.

  • 메타 태그를 최적화하십시오. 검색 결과에서 메타 태그는 브라우저에 사이트 정보를 알려줍니다.
  • 헤더 태그가 특정 순서로되어 있는지 확인하십시오. H1이 기본 제목이어야하고 제목의 계층 구조 (예 : H2, H3, H4 등)를 내려 가야합니다. 이를 통해 검색 엔진이 사이트를 더 쉽게 크롤링하고,
  • 제목 태그가 웹 페이지를 올바르게 설명하는지 확인하십시오.

SEO의 기초를 배우는 데 3-5 시간 이상을 보내십시오. 이를 통해 웹 프로그래머의 급여에보다 효율적이고 긍정적 인 사이트를 개발할 수 있습니다.

반응 형-사이트의 요소가 사용자 장치의 화면 크기에 맞게 조정됨을 의미합니다. 따라서 사이트는 랩톱과 스마트 폰 모두에서 잘 보입니다.

첫 번째 웹 개발 클라이언트를 찾는 방법 (또는 프리랜서가되는 방법)

이제 웹 개발자로서 두 가지 옵션이 있습니다. 1) 회사에서 영구 일자리를 구하거나 2) 프리랜서로 이동하여 온라인으로 주문을 찾으십시오.

나는 프리랜서를 추천합니다. 정규직과 동일한 보장 임금을 제공하지는 않지만이 유형의 작업에는 세 가지 장점이 있습니다.

  • 자유 : 더 이상 작업 일의 시작과 작업 일의 끝이 없습니다. 같은 시간 (또는 그 이상) 동안 계속 일할 수 있지만 일정, 위치 및 생활 조건은 전적으로 본인에게 달려 있습니다.
  • 돈 : 좋은 프리랜서가 되 자마자 더 많은 돈을 벌 기회가 생길 것입니다 (매달 3 % 씩 증가 할 때까지 기다리지 마십시오).
  • 명성 : 시간이 지남에 따라 개인 비즈니스와 브랜드를 개발할 기회를 갖게되어 결국에는 새로운 고객이 지속적으로 유입 될 수 있습니다.

이 섹션에서는 웹 프로그래머 인턴이 첫 프리랜서 주문을 얻는 방법에 중점을 둘 것입니다 ...

  1. 채용 정보 교환 사용

대부분의 프리랜서들은 거래소에서 첫 번째 웹 개발 프로젝트를 발견했습니다. 이는 경험을 얻는 데 유용 할 수 있지만 장기 전략으로 사용할 필요는 없습니다.

고객의 품질은 다를 수 있습니다. 일부는 훌륭 할 수 있습니다. 다른 사람들은 그렇지 않습니다.

종종 이러한 교환은 채용 문제가없는 고객을 통해 이루어집니다. 이렇게하면 문제를 해결하려고 할 때 많은 문제가 발생할 수 있습니다.

거래소에 대한 강한 의존도는 자신 만의 브랜드를 만들 수있는 기회를 제공하지 않습니다. 작업에 "들어오는"주의를 끄는 것은 궁극적으로 최고의 (그리고 대부분의 솔벤트) 고객에게 줄 것입니다.

그러나 이것은 시작하기에 좋은 옵션입니다.

이러한 방식으로받는 각 주문은 향후 작업에 필요한 실제 경험을 얻는 데 도움이됩니다.

게시판에서 시작하기도 매우 쉽습니다 ... 아래는 UpWork 검색의 스크린 샷입니다.

고객을 더 빨리 찾으려면 웹 프로그래머의 이력서 및 포트폴리오 웹 사이트를 만드십시오. 여기에서 최신 프로젝트, 고객 리뷰를 시연하고 잠재 고객에게 편리한 커뮤니케이션 채널을 제공 할 수 있습니다.

다음은 포트폴리오 사이트를 만들기위한 몇 가지 팁입니다.

  • 이전 및 현재 고객의 리뷰를 사용하십시오. 이를 통해 방문자는 과거에 잘 작업했으며 다른 사람들이 귀하와 함께 일하게되어 기쁘다는 확신을 갖게됩니다.
  • 당신의 혜택을 강조하십시오. 당신이 다른 사람들과 다른 점이 무엇입니까?
  • 웹 개발자가 된 방법과 이유에 대한 짧은 버전의 이름, 자신에 대한 중요한 정보를 게시하십시오.
  • “웹 개발은 무엇을 의미합니까?”라는 질문에 대답하십시오. 당신과 함께 일할 때의 이점을 설명하십시오.
  1. 네트워킹

매달 적어도 2-3 번의 행사에 참석하십시오. 대도시 근처에 사는 경우 어렵지 않습니다.

사람들이 새 사이트를 만들려고하므로 기업가를 유치하는 이벤트에 집중하십시오.

결론

가까운 미래에 쉽게 일을 찾을 수있는 기술을 배우지 않겠습니까? 이것은 웹 프로그래밍의 주요 장점 중 하나입니다. 이 팁을 따르면 웹 개발자가되는 여정을 시작할 수 있습니다.

이 간행물은 친숙한 프로젝트 인터넷 기술팀이 준비한 "웹 개발자가되는 방법"기사를 번역 한 것입니다.

Pin
Send
Share
Send
Send