Udacity 과정

이 과정에서는 첫 번째 프로그레시브 트래킹이라고 할 수 있는 웹 앱 - 기본 제공되는 다양한 기능을 활용할 수 있는 웹 앱 확인할 수 있습니다. 또한 배운 내용을 바탕으로 서비스 워커를 사용하여 오프라인으로 작동하는 웹 앱을 빌드할 수 있습니다. 마지막으로 웹 앱 매니페스트 파일로 사용자의 홈 화면에 설치할 수 있습니다.

Google Cloud Platform을 통해 Udacity

과정 수강

이 과정에서는 Google Cloud에서 제공하는 있습니다. 사용자에게 접근성이 필요한 시기와 이유를 이해하게 될 것입니다. 그런 다음 '방법' 즉, 스크린 리더로 페이지가 제대로 작동하도록 하는 방법, 및 입력 포커스 (예: 탭 이동 시 표시되는 하이라이트 표시)를 관리할 수 있습니다. form.) 웹에서 '시맨틱'과 '시맨틱 마크업'이 무엇을 의미하는지 이해할 수 있습니다. ARIA 마크업을 추가하여 보조 기기. 마지막으로, 사용자가 앱을 사용하는 데 도움이 되는 편하게 볼 수 있는 사용자는 페이지를 쉽고 안정적으로 탐색할 수 있습니다.

Google Cloud Platform을 통해 Udacity

과정 수강

브라우저 렌더링 최적화

성능은 사용자에게 중요합니다. 웹 개발자는 반응하는 앱을 빌드해야 함 원활하게 렌더링할 수 있습니다. Google 실적 전문가인 폴 루이스가 함께합니다. 버벅거림을 없애고 초당 60프레임을 유지하는 웹 앱을 만들 수 있습니다. 확인할 수 있습니다. Google Cloud에서 제공하는 버벅거림의 원인을 파악할 수 있습니다. 브라우저의 쉽게 빌드할 수 있는 패턴을 찾아내는 것은 성능을 향상시키는 데 도움이 됩니다.

Google Cloud Platform을 통해 Udacity

과정 수강

반응형 웹 디자인

이 과정에서는 반응형 웹 디자인의 기본사항을 알아보고 Google의 피트 르페이지입니다. 원하는 방식으로 작동하는 반응형 웹페이지를 스마트폰, 태블릿, 데스크톱 또는 그 사이에 있는 모든 기기에서 잘 작동합니다.

먼저 사이트를 반응형으로 만드는 요소와 반응형 디자인 패턴은 다양한 기기에서 작동합니다. 이제 표시 영역을 사용하여 나만의 반응형 레이아웃을 만드는 방법과 태그 및 CSS 미디어 쿼리를 지원합니다. 계속 진행하면 다양한 크기의 텍스트 읽기에 최적화되어 있습니다.

Google Cloud Platform을 통해 Udacity

과정 수강

주요 렌더링 경로

속도 향상을 위해 웹사이트를 최적화하는 방법은 모바일 및 데스크톱 브라우저에서 페이지를 렌더링하는 방법을 자세히 알아보세요.

주요 렌더링 경로 또는 브라우저가 HTML, CSS 및 JavaScript를 살아 숨쉬는 웹사이트입니다. 거기에서부터 탐색을 시작하고 실적을 측정하는 도구와 간단한 전략을 실험하여 첫 번째 픽셀을 가능한 한 빨리 화면에 제공합니다. 학습 내용 PageSpeed Insights 및 타임라인에서 권장사항을 확인하는 방법 Google Chrome의 개발자 도구 보기를 통해 달성해야 할 데이터를 찾을 수 있습니다. 즉시 성능이 향상됩니다.

Google Cloud Platform을 통해 Udacity

과정 수강

반응형 이미지

이미지가 평균 바이트의 60% 이상을 차지한다는 사실을 알고 계셨나요? 어떻게 해야 할까요?

이 과정에서는 최신 웹에서 이미지로 작업하는 방법을 배우므로 이미지를 멋지게 표시하고 모든 기기에서 빠르게 로드할 수 있습니다.

그 과정에서 원활하고 순조롭게 진행하는 데 도움이 되는 다양한 스킬과 기법을 익혀 반응형 이미지를 개발 워크플로에 통합할 수 있습니다. 종료일 이미지에 맞게 조정되고 대응하는 이미지를 사용하여 다양한 표시 영역 크기를 지원합니다.

Google Cloud Platform을 통해 Udacity

과정 수강

오프라인 웹 애플리케이션

이 과정은 사용자 경험에 초점을 맞추고 있으며, 오프라인을 먼저 고려하는 것이 최상의 성능을 내는 것이 아니라 모든 시나리오에서 최상의 성능을 발휘하는 것입니다. 사용자는 좋음, 나쁨, 간헐적, 문제를 해결하는 방법에 대해 알아보고 , 애플리케이션을 보다 쉽게 이러한 상황을 헤쳐나갈 수 있게 해 줍니다.

이 과정에서 습득한 스킬을 사용하여 새 데이터를 로드하기 위해 데이터를 로드하는 앱이며 할 수 있습니다 웹 앱은 네트워크에 연결할 수 있습니다. 이렇게 하면 더 나은 사용자 경험을 제공할 수 있습니다 인터넷 세상에 갇히는 등 전통적으로 어려운 연결 시나리오에서도 혼잡한 회의용 Wi-Fi를 사용하거나 이동해야 하거나 모바일 데이터 '사각지대'를 통과할 수 있습니다.

Google Cloud Platform을 통해 Udacity

과정 수강

웹 툴링 및 자동화

이 과정에서는 개발 환경을 설정하고, 일상 업무와 반복 중 생산성을 높이고, 자신과 사이트를 보호해야 함 자동 최적화를 통해 많은 시간과 노력을 절약할 수 있습니다. 자동화합니다 마지막으로, 자신감을 가지고 이 모든 것을 할 수 있는 방법을 배우게 됩니다. 코드가 실제로 다양한 장치에서 실행됩니다.

Google Cloud Platform을 통해 Udacity

과정 수강

전환율이 높은 웹 양식 구축

웹에서 의미 있는 경험에는 양식이 있습니다. 인코더-디코더 아키텍처를 텍스트 상자, 전환 버튼, 버튼, 체크박스 또는 터치 가능한 위젯, 웹 개발자는 사용자를 만족시키고 전환수 증가

이 과정에서는 최신 형식을 위한 권장사항을 알아보겠습니다. 사용자는 몇 가지 자기 주도 프로젝트를 통해 기술을 연습하세요 전자상거래 결제, 이벤트 플래너 앱 등이 있습니다.

특별 혜택으로 루크가 출연하는 루크의 인터뷰를 Google 제품 이사이자 Web Form Design의 저자인 브로블레프스키는 요즘 웹 상호작용에 대한 그의 의견입니다.

Google Cloud Platform을 통해 Udacity

과정 수강