프론트 엔드 개발 기술을 향상시키는 가장 좋은 방법은? 그게 연습이야! 웹 사이트를 실습하는 것이 가장 효과적인 학습 방법입니다. 당신이 그것을받을 수 있다면 더 나을 것입니다. 자신이나 가족 및 친구를 위해 웹 사이트를 구축하더라도 기술을 크게 향상시킬 수 있습니다. 연습을 위해 프로젝트를 만드는 것조차도 빠르게 성장할 수 있습니다. 이는 단순히 자료를 읽는 것보다 훨씬 효과적입니다!

프로젝트를 구축하여 기술을 향상시킬 수있는 몇 가지 리소스가 있습니다.

프론트 엔드 멘토

이 플랫폼은 최근에만 출시 되었으며이 기사의 글쓰기에 대한 영감이기도합니다. 개발자에게 프론트 엔드 프로젝트를 제공하는 것은 그 자체로 성공적인 비즈니스 모델입니다! 일부 프로젝트는 무료이며 일부 프로젝트는 청구됩니다.

hackerrank

많은 회사들도 비슷한 모델을 중심으로 비즈니스를 구축합니다. Hackerrank는 주로 구직에 중점을두고 있으며 명확한 목표를 가지고 있지만, 기술 테스트 (도전)는 귀하의 능력뿐만 아니라 귀중한 학습 자원을 평가할 수 있습니다.

유사한 플랫폼에는 Codewars, Challengerocket, Codesignal, TopCoder가 포함됩니다 (VCS는이 모델을 매우 좋아해야합니다).

CoderByte

CoderByte는 또한 챌린지 질문을 통해 인터뷰 기술을 향상시키기 위해 설계된 유료 계획을 제공합니다.

일반적인 시나리오 : 때로는 웹 사이트가 제품이며 고객입니다. 때로는 채용 회사가 고객이며 귀하는 제품입니다.

Dribbble의 작품을 재현하려고 노력하십시오

Classic Method : Dribbble에서 좋아하는 작품을 찾아 재현하려고 노력하십시오. @keyframers는 이것을 자주합니다. Tim Evko의 실습 사이트는 Dribbble Works (Github 문제 및 코딩 문제)를 무작위로 선택하는 데 사용되었지만 Dribbble 섹션은 ​​현재 서비스가 중단 된 것으로 보이며 다른 기능은 여전히 ​​사용할 수 있습니다!

Matt Delac은 과거에 비슷한 운동을했습니다. Indrek Lasn은 또한 Medium에서 유사한 기사를 공유했습니다.

프론트 엔드 챌린지 클럽

Andy Bell은 프론트 엔드 챌린지 클럽을 운영했으며 현재 보류 중이지만 여전히 아카이브를 볼 수 있습니다.

Codepen Challenges

CodePen은 매주 과제를 시작하여 자유롭게 플레이 할 수있는 테마 (아이디어와 자원)를 제공합니다. 편안하고 즐거운 도전.

100 일 CSS 챌린지

Matthias Martin은 100 일 CSS 챌린지를 만들었습니다. 모든 도전과 출품작은 공개적으로 보입니다. 물론 요점은 도전을 스스로 시도하고 완성하는 것입니다.

매일 UI

Daily UI Challenge는 매일 새로운 도전을 제공합니다 (무료). 많은 사람들이 코드를 사용하여 이러한 과제를 완료합니다.

FrontLoops

FrontLoops는 정보, 제안, 자료 및 솔루션으로 $ 19에 대한 30 가지 과제를 제공합니다.

cssbattle

가능한 한 작은 코드로 디자인을 모방하고 싶다면 CSSBattle이 귀하에게 적합합니다.

가능한 한 간결한 코드를 가진 프로그램 작성을 종종 "코드 골프"라고하며 전문화 된 챌린지 웹 사이트도 있습니다.

에이스 프론트 엔드

Ace Front End는 기본 HTML, CSS 및 JavaScript에 중점을 둔 과제를 제공합니다.

첫 번째 과제는 내비게이션 메뉴를 줄이는 것이지만 Aria-expeded 속성을 처리하지는 못했습니다. 나는 이것이 얼마나 문제가되는지 확실하지 않으며, Ace 프론트 엔드에 대한 비판도 확실하지 않습니다. 그것은 단지 어떤 도전이 문제가 될 수 있음을 상기시켜줍니다. 그러나 그것이 당신이 그것으로부터 배울 수 없다는 것을 의미하지는 않습니다.

codier

Codier는 다른 사용자가 게시 한 솔루션을 포함하여 공개 과제를 제공합니다.

cassidoo와 함께 랑데부

Cassidy의 주간 뉴스 레터에는 각 문제에 도전이 포함되어 있습니다.

RINA DIANE CABALLAR 인용문 TIM이 확장 된 CSS 한도로 운반합니다 :

Carry는 게임 콘솔 또는 계산기의 인터페이스와 같은 실제 객체부터 시작하여 CSS 만 사용하여 재생산하는 것이 좋습니다. "언어로 경계를 밀어내는 좋은 방법은이 언어가하지 말아야 할 일을 만드는 것"이라고 그는 말했다.