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