Do it! 인터랙티브 웹 페이지 만들기

책 · 이창현 · 예스24

지루한 코드 따라 치기는 이제 그만, 원리를 이해하고 화면으로 증명하는 모던 웹 개발 개발의 진짜 재미는 내가 작성한 코드의 논리를 이해하고, 그 결과물을 눈으로 확인할 때 느끼는 성취감에 있습니다. 특히 프론트엔드는 코드를 통해 화면이 세련되게 변화하는 결과물을 즉각적으로 확인할 수 있기에, 그 성취감이 더욱 클 수밖에 없습니다. 오늘날의 웹은 다양한 디바이스에 맞추어 유연하게 움직이는 반응형 레이아웃과, 페이지 새로 고침 없이 매끄럽게 동작하는 SPA(Single Page Application) 기반의 구조를 기본으로 합니다. 《모던 프론트엔드 입문자를 위한 HTML+CSS+JavaScript 기본부터 프로젝트 완성까지》는 바로 이 지점에서 출발했습니다. 가장 주안점을 둔 것은 기계적인 따라 치기를 넘어, 원리를 이해하고 결과 중심으로 주도적으로 학습하는 것입니다. 학습 과정에서 지루함을 느끼지 않도록 복잡한 이론 설명은 최소화하고, 대신 코드를 작성하면 UI(사용자 인터페이스)...

웹 개발 웹 퍼블리싱 로드맵 2개에 담김

책 · 고경희 · 예스24

웹 분야 베스트셀러가 개정 3판으로 돌아왔다! 코딩 초보도 최신 웹 표준부터 반응형 웹까지 한 권으로 끝낸다! 웹 분야 베스트셀러《Do it! HTML+CSS 웹 표준의 정석》이 개정 3판으로 새롭게 출간되었다. 이번 개정판은 최신 웹 표준과 반응형 웹 등 웹 개발의 기술과 트렌드를 적극 반영하여 현재 웹 환경에 맞는 실전형 학습을 할 수 있도록 구성했다. 또한 새로 추가한 〈AI와 협업하는 개발자 되기〉 부록에서는 AI 코딩 도구를 활용해 HTML과 CSS 코드를 작성하는 과정을 단계별로 학습할 수 있다. 단순히 코드를 따라 치는 데 그치지 않고 AI와 함께 문제를 해결하며 코드를 응용하는 능력까지 키울 수 있다. 이와 더불어 〈Do it! 웹 개발 면허 시험〉 부록에서는 학습 내용을 최종 점검하고 자신의 웹 개발 실력을 등급표에서 확인할 수 있어서 실력 향상과 자가 진단을 동시에 할 수 있다. 이 책 한 권으로 ‘기초 개념 → 실습 → 복습 → 실력 점검’까지 체계적으로 학습할 ...

웹 개발 웹 퍼블리싱

책 · 정경희 · 예스24

초보와 프로는 기본기의 유무로 나뉜다! 웹 디자인 에이전시 20년 실무 노하우와 10년 강의 경험을 담은 웹 디자인 개념서! 내 눈에만 좋은 디자인은 그만! 이제 모두가 고개를 끄덕이는 웹 디자인을 해 보자. 20년간 웹 디자인 트렌드의 최전선에서 디자이너와 기획자로 일한 저자가 10년간의 강의 경력을 토대로 웹 디자인의 기본기를 쌓아 준다. 웹 디자인의 정의부터 구조, 구성 요소 같은 기본 개념을 자세히 살펴보며 기초를 탄탄하게 쌓고, 실전에서 디자인 계획을 세우는 방법부터 디자인 시스템을 만드는 방법까지 체계적으로 배울 수 있다. 이 책은 정답이 없는 디자인의 세계에서 헤매고 있는 초보 디자이너에게는 좋은 길잡이가 되고, 디자인 감각을 키우고 싶은 실무 디자이너에게는 최신 트렌드와 기술을 알려 준다. 기본 개념에 실무 활용 팁을 익히고 피그마와 포토샵을 활용한 실습까지 배우고 나면 자연스럽게 자신만의 디자인 해답을 찾을 수 있을 것이다!

UI/UX

책 · 김영민 · 예스24

웹 개발자부터 디자이너까지, 모두를 위한 실용적인 웹 인터랙티브 활용서! 『프론트엔드 개발자를 위한 인터랙티브 웹 애니메이션』은 웹 개발 책 중에서도 실무에서 즉시 활용 가능한 내용을 담고 있다. 실제로 사용되는 애니메이션 효과를 구현해 보면서, 구현 방법과 함께 기술적인 이해를 동시에 학습할 수 있다. 또한, 이 책은 사용자 경험(UX)을 중요하게 다루며 애니메이션을 적용하는 방법과 사용자 경험을 개선하는 방법에 대해 설명한다. 이러한 내용은 웹 개발자뿐만 아니라 UX 디자이너, 디자이너, 기획자 등 웹 서비스를 구축하는 모든 사람들에게 매우 유용하며, 이해를 도와준다. 이 책은 크게 12장으로 구성되어 있다. 1장부터 5장까지는 인터랙티브 웹 실습에 앞서 HTML, CSS, JavaScript 기본 개념에 대해서 알아본다.

웹 개발 프론트엔드

책 · 김운아 · 예스24

개발자는 물론 기획자, 디자이너도 알아야 하는 반응형 웹의 필수 기술! 실제 웹 페이지를 반응형 웹으로 변환하는 과정 대공개! 서비스 기획, 웹 디자인, 개발까지 1인 3역을 해내는 저자가 가장 효율적으로 반응형 웹사이트를 제작할 수 있는 방법과 노하우를 알려 준다. 헷갈리기 쉬운 반응형 웹의 기본 개념부터 플렉서블 박스, 가변 그리드, 미디어 쿼리, 뷰포트와 같은 핵심 기술까지 예제로 실습하는 전 과정을 담았다. 또한 실제 웹사이트의 구조를 잡고 콘텐츠를 배치하는 레이아웃 디자인과 HTML5, CSS3로 제작하는 과정도 자세히 들어 있다. 이 과정을 모두 완료하면 평범했던 기존 웹사이트도 다양한 화면 크기에 대응하는 반응형 웹사이트로 전환하고, 웹사이트의 유지 보수와 비용 감소, 검색 엔진 최적화까지 가능하다. (※ 2017년에 출간된 『Do it! 반응형 웹 만들기』의 전면 개정판으로 최신 자료와 독자 의견을 반영하여 만들었습니다.

웹 개발 웹 퍼블리싱

책 · 조 아타디 · 예스24

실무에 바로 통하는 웹 API, 예제로 배우는 가장 실용적인 활용법 『실무로 통하는 웹 API』는 미디어, 클립보드, 알림 등 현대 웹 개발에 꼭 필요한 브라우저 기반 API를 풍부한 코드 예제와 함께 다룬 실전 가이드이다. 각 장은 ‘문제’ - ‘해결’ -’설명’ 구조로 구성되어 있어 필요한 기능을 빠르게 찾아 적용할 수 있으며, 기능이 잘 작동하는지 확인해야 하는 실무적 주의 사항도 함께 제시해 활용도를 높였다. 방대한 웹 API를 조합해 실제 서비스를 구현하는 과정을 통해 이론과 실무를 자연스럽게 연결합니다. 신입 개발자에게는 웹 브라우저와 표준 API의 핵심 원리를 익힐 기회를 제공하고, 프레임워크나 라이브러리에 의존하지 않는 프런트엔드 개발의 새로운 가능성도 보여준다. ‘브라우저가 곧 플랫폼’이 된 시대, 이 책은 웹 개발자가 반드시 알아야 할 내용을 가장 실용적인 방식으로 전달한다.

웹 개발 프론트엔드