하루만에 Cypress로 작성하는 자바스크립트 E2E 테스트 코드
프론트엔드는 사용자와의 접점이 이루어지는 곳이기 때문에 개발자의 입장이 아닌, 사용자의 입장에서의 테스트가 매우 중요합니다. E2E테스트를 통해 사용자 시나리오가 정상적으로 동작하는지 검증해보고 내 코드에 대해 두려움에서 자신감을 가지는 경험을 해보세요!
Vue.js 시작하기 - Age of Vue.js
Vue.js로 쉽게 웹 개발할 수 있도록 기본 개념과 핵심 기능에 대해서 학습하고 구현해봅니다. 강좌를 들으시고 나면 Vue.js로 프런트엔드 개발을 하시는게 재밌어질거에요.
부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기
부트스트랩5 (Bootstrap5)의 클래스, 컴포넌트 등 개념을 이해하고 이를 바탕으로 응용, 변형하고 실습으로 3개의 프로젝트를 제작해봅니다.
인터랙티브 개발 실무 끝장내기 [역량 강화편]
실무에서 사용하는 인터랙티브 JS, CSS 노하우를 아낌없이 공개합니다.
인터랙티브 웹 개발 제대로 시작하기
크리에이티브 넘치는 인터랙티브 웹페이지를 개발할 수 있는 기본기를 다질 수 있는 수업입니다.
프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2
리액트로 만들어진 웹 서비스의 성능을 측정하고 더욱 빠르고 효율적으로 최적화 하는 방법을 배웁니다.
파이널 코딩 테스트 : 프론트엔드
실제 기업에서 출제되는 Front-End 코딩 테스트를 참고하여 제작된 10가지 문제를 함께 풀어보며 2차 코딩 테스트(구현 테스트)를 완벽하게 대비해 봅시다!
만들면서 배우는 Svelte
최신 프론트엔드 프레임워크 Svelte(스벨트)를 배워보는 강좌입니다. Svelte 기본 사용법을 익힌 후 Todo 앱을 함께 만들면서 실제 프로젝트에서 어떻게 Svelte를 사용할 수 있는지 익혀보는 강좌입니다.
웹 게임을 만들며 배우는 React에 TypeScript 적용하기
리액트로 만든 웹 게임과 React Router, Redux, MobX에 타입스크립트를 붙여보면서 리액트와 타입스크립트를 같이 사용해봅시다.
실전 리액트 프로그래밍
[실전 리액트 프로그래밍] 책의 저자 직강! 리액트의 기초부터 실전 활용법까지 익힐 수 있습니다.
몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
짧은 시간에 실무에서 가장 많이 사용하는 인터랙티브 스킬을 알려드립니다.
Svelte 입문 강의 - A부터 Z까지
React와 Vue, Angular 프론트엔드 3대장의 자리를 위협하는 Svelte 입문 강의입니다. Svelte 공식 문서를 토대로 Svelte 문법을 A부터 Z까지 모두 다룹니다.
웹 게임을 만들며 배우는 React
웹게임을 통해 리액트를 배워봅니다. Class, Hooks를 모두 익히며, Context API와 React Router, 웹팩, 바벨까지 추가로 배웁니다.
Quasar로 만드는 구글 뉴스
quasar framework (vue.js) 와 구글뉴스 rss를 이용한 뉴스 사이트를 만들어 봅시다.
그림으로 배우는 HTML/CSS, 입문!
프론트엔드, 웹 개발 입문! 그 시작점. 쉽고, 빠르게 알려드립니다.
프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 1
코알못도 누구나 쉽게 따라하는 웹, 앱 만들기 (기초부터 실전 활용까지)
누구나 배울 수 있는 쉬운 코딩을 만들겠습니다. 코딩이 무엇인지 이해하고 라이브러리, API 등 최대한 외부 자원을 활용하여 서비스 가능한 웹과 앱을 제작하는 것이 목표입니다.
3D리플릿 만들기 - 인터랙티브 웹 프로젝트
인터랙티브 웹 프로젝트는, CSS와 자바스크립트를 이용해 창의적인 인터랙션이 있는 예제를 하나씩 만들어보는 시리즈입니다.
Javascript 초보 Real 웹앱 개발 - 1부: Vue 개념~초급
이 강의는 초보 Javascript 개발자가 직접 Real 웹앱을 개발할 수 있는 개발자가 되는 것에 초점을 맞추고 있습니다. 이 강의를 수강하시면 Vue.js 와 관련된 기본적인 개념부터 Real 웹앱 개발을 해 볼 수 있습니다. 이 강의는 1부 기본기 이며, 2부와 3부를 통해서 실제 Real 웹앱을 구현해 보도록 하겠습니다. Javascript 나 CSS 와 같은 선수지식 없이도 기본적인 간단한 Html 만 알아도, 학습할 수 있도록 쉽게 구성하였습니다. 강의 후반부가 되면, 분명 Vue.js 에 대한 기본 코딩이 가능할 수 있을 것입니다.
Typescript with Vue 실전 프로젝트
타입스크립트를 이용해서 한단계 업그레이드 된 Vue 어플리케이션을 개발할 수 있도록 도움을 주는 강좌입니다. Vue.js 기초 강좌와 ES6 또는 타입스크립트 입문자이신 개발자 분들께 이 강좌를 추천드립니다.
부트스트랩으로 개인 홈페이지 만들기
이 강좌를 들으시면 굉장히 짧은 시간 만에 자신의 개인 혹은 회사 홈페이지를 누구보다 빠르고 쉽게 개발할 수 있게 됩니다! 이 강좌에서는 부트스트랩이라는 템플릿을 이용해서 자신의 개인 포트폴리오 사이트를 만드는 방법을 차근차근 설명하며 하나의 과정도 빠짐없이 보여줍니다. 부트스트랩이란 하나의 웹 사이트 개발 프레임워크로서, 디자인을 잘 못하는 프로그래머나 HTML을 거의 알지 못하는 사람들도 쉽게 홈페이지를 개발할 수 있도록 해줍니다. 여러분은 이 강좌를 마칠 때 누구나 접속 가능한 자신만의 홈페이지가 탄생할 것입니다.
