확장 가능한 응답 성분 빌드

Feb 2, 2026
어떻게

우리가 유지 보수가 가능하고 확장 가능한 웹 사이트 건물에 대해 이야기 할 때마다 필연적으로 자바 스크립트 - CSS 모듈, 스타일이 적용된 구성 요소 및 컨테이너 쿼리와 같은 관련 솔루션. 우리는 정말로 그들을 사용해야합니까?

JavaScript없이 유지 보수 및 확장 가능한 웹 사이트를 구축하는 방법이있는 경우에는 어떨까요? 순수한 이물을 달성 할 수 있다면 어떨까요? CSS. 코드를 피 묻은 해킹 엉망으로 돌리지 않고?

프리랜서 개발자 및 작가 Zell Liew. 싱가포르에서오고있다 런던 생성 (20-22 년 9 월) 코드에 복잡성을 추가하지 않고 재사용 가능한 구성 요소를 건설하는 데 워크샵을 운영하는 것을 말하고 재사용 할 수있는 구성 요소를 건설 할 수 있습니다. 이것은 우리의 나이에 웹 사이트를 구축 할 때 이것은 중요합니다.

그의 워크샵에서는 다음을 배울 것입니다.

  • 웹 사이트 어디서나 삭제할 수있는 모듈 형 구성 요소를 만드는 방법
  • 코드를 과도하게 복잡하게 사용하지 않고 구성 요소를 확장하는 방법
  • 유지 보수가 쉽게 코드를 구성하는 방법
  • 여러 가지 영역에 배치 해야하는 구성 요소를 다루는 방법
  • 모바일 - 첫 번째 CSS를 쉬는 방법
  • 어떤 상대 유닛이 있고 어떤 단위를 사용해야하는지
  • 귀하의 웹 사이트에서 다른 것을 깨뜨리지 않고 CSS를 변경하는 방법

Zell은 반응이 있고 재사용 가능한 구성 요소를 구축하기 위해 경험과 접근 방식을 공유합니다. 그는 심지어 디자인 원칙을 깊이 있고 그들이 당신의 CSS를 어떻게 형성 할 수 있는지 다른 주제에는 레이아웃, 미디어 쿼리, 모듈 형 VS 확장 성, 명명 규칙 등을 포함 할 것입니다.

이 워크숍은 혼자 또는 팀에서 유지 보수 및 규모가 쉽고 규모가 쉽지 않은 웹 사이트를 작성하려는 경우이 워크샵을 사용할 수 있습니다. Sass에 대한 지식은 필요하지 않지만 권장됩니다.

기타 9 월 20 일에 런던 워크샵을 생성합니다 Steve Fisher on 달리기 디자인 및 콘텐츠 스프린트 , Anton & amp; 아이 렌즈 아이디어 생성 및 아이디어 판매 및 Jaime Levy 사용자 경험 전략 ...에 회의는 적응 형 인터페이스, 웹 애니메이션, 성능, 접근성, chatbots, 더 나은 팀워크 등을 다루게됩니다.

만약 너라면 결합 된 워크샵 및 컨퍼런스 패스를 구입하십시오 런던 생성을 위해 당신은 할 것입니다 £ 95를 저장하십시오 ...에! 그것을 놓치지 마세요!

당신은이 기사를 원할지도 모릅니다.

  • HTML 및 CSS 학습을위한 최고의 자원 중 5 개
  • JavaScript에 의존하는 사이트를 만들 수 있습니까?
  • 눈에 띄는 웹 사이트를 디자인하는 방법

어떻게 - 가장 인기있는 기사

화려한 좀비를 칠하는 방법

어떻게 Feb 2, 2026

나는 항상 언데드를 좋아했으며, 종종 움직이는 목표물로 너무 자주 줄어들고있는 불규칙한 약자..


Adobe CC와 함께 다중 노출 이미지 만들기

어떻게 Feb 2, 2026

Adobe는 다국적으로 다수의 개념을 표현하기 위해 그림을 만드는 것으로 일러스트를 만들었습니다. 위의 응답을 볼 수 있습니다. 이 튜토리얼에�..


Houdini에서 놀라운 풍경을 만듭니다

어떻게 Feb 2, 2026

노드 기반의 절차 접근 방식을 사용하여 SideFX의 3D 소프트웨어 Houdini는 현저한 수준의 전력, 유연�..


JavaScript로 CSS 클래스를 관리하는 방법

어떻게 Feb 2, 2026

사용자 상호 작용을 포함하는 간단한 웹 프로젝트를 개발할 때 CSS에서 상태의 변경 사항을 관리�..


더 빠른 웹 사이트 구축 방법

어떻게 Feb 2, 2026

그의 이야기보다 앞서 런던 생성 9 월 21 일 우리는 우리가 잡았습니다 패트릭 햄..


기초가있는 카드 기반 UI를 구축하십시오

어떻게 Feb 2, 2026

카드 기반 웹 사이트 레이아웃 웹을 밟았습니다. Pinterest, Twitter, Facebook 및 Google로 인기..


사이트에 시각적 단서 추가

어떻게 Feb 2, 2026

웹 사이트 사용자가 링크를 클릭하여 웹 페이지가 관심이 없으므로 시간을 낭비하는 것을 알아내..


Unreal Engine 4

어떻게 Feb 2, 2026

Unreal Engine 4를 사용하여 마지막 정지를 예로 들어, 비디오 게임 생산을위한 실시간 환경을 만들 �..


카테고리