목차
첫 번째: 기본에 주의해야 합니다
두 번째: 학습은 깊고 넓어야 합니다.
셋째: 좋은 학습 방법을 찾아 꾸준히 노력하세요
웹 프론트엔드 HTML 튜토리얼 웹 프론트엔드를 어떻게 배워야 할까요?

웹 프론트엔드를 어떻게 배워야 할까요?

Jun 24, 2017 am 11:48 AM
web 프런트 엔드

업무상 인터넷 업계의 최신 동향에 자주 관심을 갖습니다. 아니요, 방금 대학 입시를 마치고 졸업 시즌을 맞이했습니다. 올해는 프론트엔드 일자리를 찾기가 어렵다고 말하는 사람들이 많았는데, 많은 아이들의 이력서가 제출되지 않았습니다. 심지어 인턴십 기회도 없었습니다. 아니요, 마침내 몇 차례 인터뷰를 해보니 곳곳에 훈련 기관이 있다는 것을 알게 되었습니다. 결국 내 눈에는 셀 수 없이 많은 혼란이 닥쳤고, 내가 살아 있는 걸까 하는 의문까지 들기 시작했다.

웹 프론트엔드를 배우고 싶은 신입생이라면 축하드립니다. 이 글을 읽으신 후, 노력의 방향을 선택하시고 최대한 빨리 자신만의 학습 경로를 계획하세요. 남들보다 조금 더 지불하세요. 그리고 인내하라, 우리는 이미 출발선에서 승리했다. 일찍 가지 않으면 일찍 나가는 사람도 있다는 말이 있듯이.

공부를 마쳤으나 아직 취업을 하지 못했다면, 지금이라도 늦지 않았으니 아직 기회는 있으니 스스로 반성하고 부족한 점을 보완해보세요!

시장이 정말 포화상태인가요?

사실 아직 인력이 부족하지만, 기초실무자가 부족하지 않아서 이제 막 입문을 준비하는 프런트엔드 분들의 경쟁이 치열합니다. 직장, 일자리를 찾는 것은 전쟁입니다. 그 소수의 직업이 목표입니다. 주변 사람들은 모두 적이며 동료도 거의 없습니다. 그렇다면 우리는 어떻게 우리만의 핵심 경쟁력을 갖고 경쟁에서 두각을 나타낼 수 있을까요?

첫 번째: 기본에 주의해야 합니다

먼저 첫 번째 스킬 라인을 설정합니다. 프런트 엔드는 html, css, js로 구성되고 두 번째 라인으로 구체화됩니다. html5; 세 번째 줄에서는 css가 css2와 css3으로 구성되고, 네 번째 줄에서는 js가 es5와 es6으로 구성됩니다.

다음 단계는 프레임워크를 확장하는 것입니다. CSS 방향에서는 less, html 방향에서는 bootstrap, js 방향에서는 jquery 라이브러리입니다.

한 계층 더 아래로 확장: html 및 css 방향에는 jq 라이브러리 외에도 프론트 엔드 구성 도구가 있으며, js에는 반응, 각도 및 vue와 같은 보다 포괄적인 프론트 엔드 프레임워크도 있습니다.

자세한 내용: React는 프런트엔드 요구 사항을 완전히 해결하기 위한 뷰 레이어 솔루션이므로 Redux, React-Router 등으로 보완해야 합니다.

더 아래로: 패키징 및 퍼블리싱 도구인 webpack이 필요합니다. . .

프론트엔드 엔지니어가 갖추어야 할 능력입니다.

두 번째: 학습은 깊고 넓어야 합니다.

다음은 숙달해야 할 콘텐츠입니다.

웹 페이지 제작의 기본, 기존 PC 측 웹 페이지의 레이아웃 및 제작 마스터

UI 웹 사이트 디자인, 페이지 마스터 디자인 및 프로토타입 디자인

기본 프로그래밍 기술, js를 사용하여 일부 일반적인 웹 페이지의 특수 효과 개발 완료

백엔드 개발 기술, 웹 서버의 작동 원리 이해, 쉽게 구축 가능

모바일 인터넷 애플리케이션, 현재 주류 페이지 제작 기술을 마스터하고 마이크로사이트 제작을 완료할 수 있으며 여러 장치와 호환 가능

프런트 엔드는 풍부하고 다채로우며 통합할 수 있지만 이 분야에만 머물 수는 없고, 더 잘하고 싶다. 개발하려면 JAVA 백엔드를 아는 프런트엔드, 좀 더 UI 지향적인 프런트엔드, 개발을 다양화해야 한다. 기술을 잘 이해하는 제품 관리자는 실제로 기술을 수행하는 방법을 알 필요가 없으며 많은 경우 고급 기술이 필요하지 않습니다. 필요에 따라 좋은 사용자 경험을 갖춘 제품을 만들고, 특별한 무대에서 특정 위치를 동시에 차지할 수 있고, 남들이 할 수 없는 일을 할 수 있는 것, 당신의 존재는 더욱 가치있습니다! 요컨대 우리는 기술의 한 가지 핵심을 파악하고 자신의 기술 포인트를 다양화하며 더 넓은 길을 택해야 합니다. 동시에 기술적인 사람들도 감성 지능을 향상시키는 데 관심을 기울여야 합니다.

셋째: 좋은 학습 방법을 찾아 꾸준히 노력하세요

요즘 프론트엔드 개발은 더 이상 CSS, JS만 배워서 시작할 수 있는 시대가 아닙니다. 하지만 많은 학생들은 JS만 클릭할 수 있고, JS의 기본조차 마스터하지 못한 사람들이 많습니다. 단지 가짜 이력서로 취업하려는 경우 어떻게 이것이 가능합니까?

기술 분야에서는 너무 많은 것이 빨리 구식이 될 것입니다. 이 분야에서 오랫동안 무적을 유지하려면 좋은 학습 방법을 갖고 인내하고 학습 능력을 발휘하며 끊임없이 새로운 지식을 흡수하고 돌파해야 합니다. 그리고 기술에는 상한선이 없다는 것을 기억하십시오.

어떤 기술을 배울 때 먼저 기업 요구의 관점에서 분석해야 합니다. 이 시장에는 어떤 프론트엔드 개발 인재가 필요할까요? 그래야만 개발 실무자인 우리가 생각할 수 있는 기회를 얻을 수 있을까요? 실현 가능한 경력 개발 방향을 설정하고 최종적으로 원하는 목표를 달성할 수 있습니다.

요약:

우리는 프론트엔드 개발 분야에 종사하고 있습니다. 당신의 목적이 무엇인지, 당신이 추구하는 것이 무엇인지 알아야 합니다. 이는 당신이 도달할 수 있는 높이를 크게 결정합니다. 경험을 늘리는 유일한 방법은 더 많이 보고, 더 많이 생각하고, 더 많이 연습하는 것입니다. 관심이 있다면 세심하게 살펴보세요. 모든 사람은 자신만의 장점을 갖고 있으며, 이를 발견하고 발전시키는 데 집중합니다. 인내심을 갖고 매일 조금씩 발전하면 성취감이 당신에게 동기를 부여할 것입니다

학습 과정에서 문제가 발생하거나 학습 자원을 얻고 싶다면 학습 교환 그룹에 가입하는 것을 환영합니다

위 내용은 웹 프론트엔드를 어떻게 배워야 할까요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

PHP와 Vue: 프런트엔드 개발 도구의 완벽한 조합 PHP와 Vue: 프런트엔드 개발 도구의 완벽한 조합 Mar 16, 2024 pm 12:09 PM

PHP와 Vue: 프론트엔드 개발 도구의 완벽한 조합 오늘날 인터넷이 빠르게 발전하는 시대에 프론트엔드 개발은 점점 더 중요해지고 있습니다. 사용자가 웹 사이트 및 애플리케이션 경험에 대한 요구 사항이 점점 더 높아짐에 따라 프런트 엔드 개발자는 보다 효율적이고 유연한 도구를 사용하여 반응형 및 대화형 인터페이스를 만들어야 합니다. 프론트엔드 개발 분야의 두 가지 중요한 기술인 PHP와 Vue.js는 함께 사용하면 완벽한 도구라고 볼 수 있습니다. 이 기사에서는 독자가 이 두 가지를 더 잘 이해하고 적용할 수 있도록 PHP와 Vue의 조합과 자세한 코드 예제를 살펴보겠습니다.

프론트엔드 면접관이 자주 묻는 질문 프론트엔드 면접관이 자주 묻는 질문 Mar 19, 2024 pm 02:24 PM

프론트엔드 개발 인터뷰에서 일반적인 질문은 HTML/CSS 기초, JavaScript 기초, 프레임워크 및 라이브러리, 프로젝트 경험, 알고리즘 및 데이터 구조, 성능 최적화, 크로스 도메인 요청, 프론트엔드 엔지니어링, 디자인 패턴, 새로운 기술 및 트렌드. 면접관 질문은 후보자의 기술적 능력, 프로젝트 경험, 업계 동향에 대한 이해를 평가하기 위해 고안되었습니다. 따라서 지원자는 자신의 능력과 전문성을 입증할 수 있도록 해당 분야에 대한 충분한 준비를 갖추어야 합니다.

C# 개발 경험 공유: 프런트엔드 및 백엔드 공동 개발 기술 C# 개발 경험 공유: 프런트엔드 및 백엔드 공동 개발 기술 Nov 23, 2023 am 10:13 AM

C# 개발자로서 우리의 개발 작업에는 일반적으로 프런트엔드와 백엔드 개발이 포함됩니다. 기술이 발전하고 프로젝트의 복잡성이 증가함에 따라 프런트엔드와 백엔드의 공동 개발이 점점 더 중요해지고 복잡해졌습니다. 이 문서에서는 C# 개발자가 개발 작업을 보다 효율적으로 완료하는 데 도움이 되는 몇 가지 프런트 엔드 및 백엔드 공동 개발 기술을 공유합니다. 인터페이스 사양을 결정한 후 프런트엔드와 백엔드의 공동 개발은 API 인터페이스의 상호 작용과 분리될 수 없습니다. 프론트엔드와 백엔드 협업 개발이 원활하게 진행되기 위해서는 가장 중요한 것은 좋은 인터페이스 사양을 정의하는 것입니다. 인터페이스 사양에는 인터페이스 이름이 포함됩니다.

웹 표준이란 무엇입니까? 웹 표준이란 무엇입니까? Oct 18, 2023 pm 05:24 PM

웹 표준은 W3C 및 기타 관련 기관에서 개발한 일련의 사양 및 지침으로, HTML, CSS, JavaScript, DOM, 웹 접근성 및 성능 최적화를 포함하며, 이러한 표준을 따르면 페이지의 호환성이 향상됩니다. 접근성, 유지 관리성 및 성능. 웹 표준의 목표는 웹 콘텐츠가 다양한 플랫폼, 브라우저 및 장치에서 일관되게 표시되고 상호 작용할 수 있도록 하여 더 나은 사용자 경험과 개발 효율성을 제공하는 것입니다.

조종석 웹 UI에서 관리 액세스를 활성화하는 방법 조종석 웹 UI에서 관리 액세스를 활성화하는 방법 Mar 20, 2024 pm 06:56 PM

Cockpit은 Linux 서버용 웹 기반 그래픽 인터페이스입니다. 이는 주로 신규/전문가 사용자가 Linux 서버를 보다 쉽게 ​​관리할 수 있도록 하기 위한 것입니다. 이 문서에서는 Cockpit 액세스 모드와 CockpitWebUI에서 Cockpit으로 관리 액세스를 전환하는 방법에 대해 설명합니다. 콘텐츠 항목: Cockpit 입장 모드 현재 Cockpit 액세스 모드 찾기 CockpitWebUI에서 Cockpit에 대한 관리 액세스 활성화 CockpitWebUI에서 Cockpit에 대한 관리 액세스 비활성화 결론 조종석 입장 모드 조종석에는 두 가지 액세스 모드가 있습니다. 제한된 액세스: 이는 조종석 액세스 모드의 기본값입니다. 이 액세스 모드에서는 조종석에서 웹 사용자에 액세스할 수 없습니다.

Django는 프론트엔드인가요, 백엔드인가요? 확인 해봐! Django는 프론트엔드인가요, 백엔드인가요? 확인 해봐! Jan 19, 2024 am 08:37 AM

Django는 빠른 개발과 깔끔한 ​​방법을 강조하는 Python으로 작성된 웹 애플리케이션 프레임워크입니다. Django는 웹 프레임워크이지만 Django가 프런트엔드인지 백엔드인지에 대한 질문에 답하려면 프런트엔드와 백엔드의 개념에 대한 깊은 이해가 필요합니다. 프론트엔드는 사용자가 직접 상호작용하는 인터페이스를 의미하고, 백엔드는 HTTP 프로토콜을 통해 데이터와 상호작용하는 서버측 프로그램을 의미합니다. 프론트엔드와 백엔드가 분리되면 프론트엔드와 백엔드 프로그램을 독립적으로 개발하여 각각 비즈니스 로직과 인터랙티브 효과, 데이터 교환을 구현할 수 있습니다.

Go 언어 프런트엔드 기술 탐색: 프런트엔드 개발을 위한 새로운 비전 Go 언어 프런트엔드 기술 탐색: 프런트엔드 개발을 위한 새로운 비전 Mar 28, 2024 pm 01:06 PM

빠르고 효율적인 프로그래밍 언어인 Go 언어는 백엔드 개발 분야에서 널리 사용됩니다. 그러나 Go 언어를 프런트엔드 개발과 연관시키는 사람은 거의 없습니다. 실제로 프런트엔드 개발에 Go 언어를 사용하면 효율성이 향상될 뿐만 아니라 개발자에게 새로운 지평을 열어줄 수도 있습니다. 이 기사에서는 프런트엔드 개발에 Go 언어를 사용할 수 있는 가능성을 살펴보고 독자가 이 영역을 더 잘 이해할 수 있도록 구체적인 코드 예제를 제공합니다. 전통적인 프런트엔드 개발에서는 사용자 인터페이스를 구축하기 위해 JavaScript, HTML, CSS를 사용하는 경우가 많습니다.

프런트 엔드에서 인스턴트 메시징을 구현하는 방법 프런트 엔드에서 인스턴트 메시징을 구현하는 방법 Oct 09, 2023 pm 02:47 PM

인스턴트 메시징을 구현하는 방법에는 WebSocket, Long Polling, Server-Sent Events, WebRTC 등이 있습니다. 자세한 소개: 1. 실시간 양방향 통신을 달성하기 위해 클라이언트와 서버 사이에 지속적인 연결을 설정할 수 있는 WebSocket 프런트 엔드는 WebSocket API를 사용하여 WebSocket 연결을 생성하고 송수신을 통해 인스턴트 메시징을 달성할 수 있습니다. 2. 실시간 통신 등을 시뮬레이션하는 기술인 Long Polling

See all articles