https://hype4.academy/_next/static/chunks/5745.b2957de0a2b90056.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5745,6894],{59832:function(e,A,a){"use strict";a.r(A),a.d(A,{default:function(){return R}}),a(67294);var i=a(25675),t=a.n(i),s=a(41664),n=a.n(s),r=a(70324),o=a(27367),c=a(26270),l={src:"/_next/static/media/phone-top@0,5x.8e3cbd8e.png",height:622,width:309,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAICAMAAADp7a43AAAACVBMVEX9+fz58/j++/7L7HdiAAAAAnRSTlP574NYaCUAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAcSURBVHicY2BgYmJkYGJiYkAnGMAsEMnIyMgIAAOuACwHxRFyAAAAAElFTkSuQmCC",blurWidth:4,blurHeight:8},h={src:"/_next/static/media/phone-topright@0,5x.ec8c4a1c.png",height:622,width:338,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAICAMAAADp7a43AAAAJ1BMVEX//P/JwfLj6un9/P3Y1PD01PPDztX75Pj+///v8fLY3OvpyfPy0f8xpH4XAAAACnRSTlPA+Pz47K/8wv/+3S8YFgAAAAlwSFlzAAALEwAACxMBAJqcGAAAACJJREFUeJxjYObgYGDggBOcTBwMDFxszDAWIw87AwsjNysADcYAsKKhqYgAAAAASUVORK5CYII=",blurWidth:4,blurHeight:8},g={src:"/_next/static/media/phone-main@0,5x.4c1fefab.png",height:714,width:490,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAMAAAAGL8UJAAAAIVBMVEX////u4Ovv6O3jy9/q2OXi1OLz6vP26vP+9f7/9fr7/fuvqA0jAAAAC3RSTlP+c/s8ZxJYVjg2+okU9KsAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAkSURBVHicXcS3AQAgDAAgUqz/H+wuAw62hSkQ31fozGyjqsYDBzkAUt081hAAAAAASUVORK5CYII=",blurWidth:5,blurHeight:8},m={src:"/_next/static/media/phone-bottom@0,5x.9e5205a1.png",height:622,width:309,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAICAMAAADp7a43AAAAElBMVEX9+/779/vy8/f//v/s6uj/+fKYYreFAAAAA3RSTlP86/qmSn9PAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIklEQVR4nD3GsQ0AMAzDMDly/n+5S9CFINMJtuAuqAd/gTwGWQBFuUcF/QAAAABJRU5ErkJggg==",blurWidth:4,blurHeight:8},d={src:"/_next/static/media/navi-phone@0,5x.5dc7fad5.png",height:702,width:511,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAMAAADtGH4KAAAAKlBMVEUXAADz9Pb6+vzu3ury6vDs2+fm0OHU3uLy6fDs3enq5+328vbgwdb//v8x9YBpAAAADXRSTlMB+/w4ulZt/rtWoX0Z2ffI6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAC1JREFUeJxNx8kRACAIA8AACnik/3ad/HztLHDoHsCuEu3GCQz+NI1LoxaZeR8c5QEf0qU2QAAAAABJRU5ErkJggg==",blurWidth:6,blurHeight:8},x=a(76343),p=a(82027),u=a(21177),b={src:"/_next/static/media/bubble.8e468f88.png",height:323,width:373,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAMAAAACh/xsAAAAOVBMVEVMaXFOQE6lnqW8trz//v7e5ejq7/IrHyv9/v/7/f2Xi5b69/j++/6zwcjr5+rn4Of9/f3///////8j1qKeAAAAE3RSTlMAIhFOvP3+Bv72RtZ0/KwhoxvgGi/8DwAAAAlwS

1FlzAAALEwAACxMBAJqcGAAAADdJREFUeJwVyrcRACEQALEFzuLe9F8sQ6RE8L35TwAJs5jwpK6VAnWYaohDG5G7VfDSe/G73S8HMNcBVH5qVOsAAAAASUVORK5CYII=",blurWidth:8,blurHeight:7},_=a(34072),w={src:"/_next/static/media/main-card@0,5x.bd0be0ce.png",height:388,width:283,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAMAAADtGH4KAAAAbFBMVEWBgYGlk4umjH2acFtpbYOztbWGhoYNCw3O1eRJQj9KSEoXFRe3hG3AjnbNo4+WlZWYlJHfr5cYFBI5KiWxsrQzNDpER0qgn6Bqam3PzM8dFxhcWVmPkJPo4dzJyMhuc4bT4fyjoJ6wuMiCf4WG7Pb6AAAAGnRSTlNY+/v7hoUam5H7k5r7+/ualft9+/v7Vvv7h2ssXHwAAAAJcEhZcwAACxMAAAsTAQCanBgAAAA8SURBVHicBcGFAYAwEACxA6pYcfkW339HEsrkRxmopOkvhZW6vR02FvmrCUfmP4U7pzntdM+6RY0BFvMDWNIDCSoLdkgAAAAASUVORK5CYII=",blurWidth:6,blurHeight:8},U=a(66401),B=a(1390),C=a(9316),v=a.n(C),j=a(11015),f=a(44185),I=a(85893),R=e=>{let{access:A}=e,{userData:a}=(0,j.aC)(),{openDrawer:i}=(0,f.y)();return(0,I.jsx)("div",{className:v().headerWrapper,children:(0,I.jsxs)("div",{className:v().heroContainer,children:[(0,I.jsxs)("div",{className:v().heroText,children:[(0,I.jsxs)("div",{className:v().aboveText,children:[(0,I.jsxs)("div",{className:v().videoCourse,children:[(0,I.jsx)("span",{className:v().videoIcon,children:"\uD83C\uDFAC"}),(0,I.jsx)("p",{className:v().videoCourseText,children:"Video Online Course"})]}),(0,I.jsxs)("a",{className:v().learnWithMalewicz,href:"https://twitter.com/michalmalewicz",target:"_blank",rel:"noreferrer",children:[(0,I.jsx)("div",{className:v().malewiczImage,children:(0,I.jsx)(t(),{role:"presentation",src:c.Z,className:v().malewiczImage,alt:"Michal Malewicz photo",sizes:"(max-width: 630px) 64px, 128px"})}),(0,I.jsxs)("p",{className:v().malewiczText,children:["Learn with"," ",(0,I.jsx)("span",{className:v().blueText,children:"Michal Malewicz"})]})]})]}),(0,I.jsx)("h1",{className:v().pageTitle,"data-test-id":"page-title",children:"UI in Mobile Apps"}),(0,I.jsxs)("p",{className:v().pageDescription,children:["UI is becoming more and more important in the workplace. Designers that can do high-fidelity visuals are often paid more than their friends who end their work on low⁠-⁠fidelity\xa0wireframes."," "]}),(0,I.jsxs)("div",{className:v().buttonContainer,children:[(null==a?void 0:a.id)&&A&&(0,I.jsx)(I.Fragment,{children:(0,I.jsxs)(n(),{href:{pathname:"/video-courses/mobile-ui-1/video"},className:"".concat(v().button," ").concat(v().startCourseBtn),children:[(0,I.jsx)("span",{className:v().buttonText,children:"Start the course"})," ",(0,I.jsx)("div",{className:v().startArrow,children:(0,I.jsx)("img",{src:r.Z.src,alt:"Arrow",role:"presentation"})})]})}),(null==a?void 0:a.id)&&!A&&(0,I.jsx)(I.Fragment,{children:(0,I.jsx)("a",{className:v().button,target:"_blank",href:"https://gum.co/uicourse",rel:"noreferrer",children:(0,I.jsxs)("span",{className:v().buttonText,children:["Buy the course"," ",(0,I.jsx)("span",{className:v().blueText,children:" from $59"}),(0,I.jsx)("span",{className:v().arrowRight,children:(0,I.jsx)("img",{src:o.Z.src,alt:"Arrow",role:"presentation",width:26,height:26})})]})})}),(!a||!a.id)&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)("div",{className:"".concat(v().button," ").concat(v().loginBtn),onClick:()=>i("login"),children:(0,I.jsxs)("span",{className:v().buttonText,children:["Log in to start"," ",(0,I.jsx)("span",{className:v().arrowRight,children:(0,I.jsx)("img",{src:o.Z.src,alt:"Arrow",role:"presentation",width:26,height:26})})]})}),(0,I.jsx)("a",{className:v().button,target:"_blank",href:"https://gum.co/uicourse",rel:"noreferrer",children:(0,I.jsxs)("span",{className:v().buttonText,children:["Buy the course"," ",(0,I.jsx)("span",{className:v().blueText,children:" from $59"}),(0,I.jsx)("span",{className:v().arrowRight,children:(0,I.jsx)("img",{src:o.Z.src,alt:"Arrow",role:"presentation",width:26,height:26})})]})})]})]})]}),(0,I.jsxs)("div",{className:v().heroImages,children:[(0,I.jsx)("div",{className:"".concat(v().heroBgImage," ").concat(v().phone1," fadeDownBase"),children:(0,I.jsx)(t(),{src:l,alt:"Phone1",role:"presentation",layout:"responsive",sizes:"(max-width: 630px) 256px, 320px"})}),(0,I.jsx)("div",{className:"".concat(v().heroBgImage," ").concat(v().phone2," fadeDownBase"),children:(0,I.jsx)(t(),{src:h,alt:"Phone2",role:"presentation",layout:"responsive",sizes:"(max-width: 630px) 256px, 320px"})}),(0,I.jsxs)("div",{className:"".concat(v().heroBgImage," ").concat(v().bgPhoneContainer," fadeBase"),children:[(0,I.jsx)("div",{className:"".concat(v().heroBgImage," ").concat(v().phone3),children:(0,I.jsx)(t(),{alt:"Phone3",src:g,role:"presentation",layout:"responsive",sizes:"(max-width: 630px) 256px, 320px"})}),(0,I.jsx)("div",{className:"".concat(v().heroBgImage," ").concat(v().bubble," fadeInBase"),children:(0,I.jsx)(t(),{alt:"bubble",role:"presentation",src:b,layout:"responsive",sizes:"(max-width: 630px) 128px, 256px"})}),(0,I.jsx)("div",{className:"".concat(v().heroBgImage," ").concat(v().phoneIcon," fadeBreathBase"),children:(0,I.jsx)(t(),{alt:"phoneIcon",role:"presentation",src:u.Z,layout:"responsive",sizes:"(max-width: 630px) 128px, 256px"})}),(0,I.jsx)("div",{className:"".concat(v().heroBgImage," ").concat(v().goodMorning),children:(0,I.jsx)(t(),{alt:"goodMorning",role:"presentation",src:_.Z,layout:"responsive",sizes:"(max-width: 630px) 128px, 256px"})}),(0,I.jsx)("div",{className:"".concat(v().heroBgImage," ").concat(v().topIcon),children:(0,I.jsxs)("span",{className:v().itemIcon,children:["\uD83D\uDC4B",(0,I.jsx)("span",{className:v().itemIconEffect,children:"\uD83D\uDC4B"})]})}),(0,I.jsx)("div",{className:"".concat(v().heroBgImage," ").concat(v().mainCard),children:(0,I.jsx)(t(),{alt:"mainCard",role:"presentation",src:w,layout:"responsive",sizes:"(max-width: 630px) 256px, 320px"})}),(0,I.jsx)("div",{className:"".concat(v().heroBgImage," ").concat(v().navApps),children:(0,I.jsx)(t(),{alt:"navApps",role:"presentation",src:U.Z,layout:"responsive",sizes:"(max-width: 630px) 256px, 320px"})})]}),(0,I.jsx)("div",{className:"".concat(v().heroBgImage," ").concat(v().phone4," fadeUpBase"),children:(0,I.jsx)(t(),{alt:"phone4",role:"presentation",src:m})}),(0,I.jsx)("div",{className:"".concat(v().heroBgImage," ").concat(v().phone5," fadeDownBase"),children:(0,I.jsx)(t(),{alt:"phone5",role:"presentation",src:d,layout:"responsive",sizes:"(max-width: 630px) 375px, 414px"})}),(0,I.jsx)("div",{className:"".concat(v().heroBgImage," ").concat(v().smile," fadeBreathBase"),children:(0,I.jsx)(t(),{alt:"smile",role:"presentation",src:x.Z,layout:"responsive",sizes:"(max-width: 630px) 128px, 256px"})}),(0,I.jsx)("div",{className:"".concat(v().heroBgImage," ").concat(v().push," fadeBreathBase"),children:(0,I.jsx)(t(),{alt:"push",role:"presentation",src:p.Z,layout:"responsive",sizes:"(max-width: 630px) 128px, 256px"})}),(0,I.jsx)("div",{className:"".concat(v().heroBgImage," ").concat(v().rectangle1," fadeBreathBase"),children:(0,I.jsx)(t(),{alt:"rectangle1",role:"presentation",src:B.Z,layout:"responsive",sizes:"(max-width: 630px) 64px, 32px"})}),(0,I.jsx)("div",{className:"".concat(v().heroBgImage," ").concat(v().rectangle2," fadeinRotateBase"),children:(0,I.jsx)(t(),{alt:"rectangle2",role:"presentation",src:B.Z,layout:"responsive",sizes:"(max-width: 630px) 64px, 32px"})}),(0,I.jsx)("div",{className:"".concat(v().heroBgImage," ").concat(v().rectangle3," fadeBreathBase"),children:(0,I.jsx)(t(),{alt:"rectangle3",role:"presentation",src:B.Z})}),(0,I.jsx)("div",{className:"".concat(v().heroBgImage," ").concat(v().rectangle4," fadeinRotateBase"),children:(0,I.jsx)(t(),{alt:"rectangle4",role:"presentation",src:B.Z})}),(0,I.jsx)("div",{className:"".concat(v().heroBgImage," ").concat(v().rectangle5," fadeBreathBase"),children:(0,I.jsx)(t(),{alt:"rectangle5",role:"presentation",src:B.Z,layout:"responsive",sizes:"(max-width: 630px) 64px, 32px"})}),(0,I.jsx)("div",{className:"".concat(v().heroBgImage," ").concat(v().rectangle6," fadeBreathBase"),children:(0,I.jsx)(t(),{alt:"rectangle6",role:"presentation",src:B.Z,layout:"responsive",sizes:"(max-width: 630px) 64px, 32px"})})]})]})})}},21177:function(e,A){"use strict";A.Z={src:"/_next/static/media/heart@0,5x.ff5d8623.png",height:148,width:148,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAMFBMVEVeSWn5+Pn7/P2Rg4ohBB0jIyPCu8Dj4OOUqbGjtLzd5Ofp5ejr5uj8/v7///////8nPfKdAAAAD3RSTlMBt+0IHg5LqPf7/KenZWDxUIqsAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAN0lEQVR4nC3IRw4AIQwEwfbYxA3+/28RiFup4JOkH7CcM+1gjA237P2OdFDb+7QKlIiIAuDuDgsxewE4qPZeXQAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:8}},26270:function(e,A){"use strict";A.Z={src:"/_next/static/media/[email protected]",height:58,width:58,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAaVBMVEUNCwsLCggfJSUPDg8UFRcTFhgCBARMaXGRYUxCLibOo4kXFxb26uSTiIMdICGpjoCeb127fWvi4OAAAAAtLzB/Wkzw1MXbuqXlu6UABQoiJyruyrhwUkj92cXBmIXpvqvnr5m8nY5hTUfT2dFTAAAAG3RSTlP+syzssPX7APz8+iwq9/n8+f6wL+3+sPb+L6/NFihrAAAACXBIWXMAAAsTAAALEwEAmpwYAAAARUlEQVR4nAXBhwGAIBAEsKM+HXsDFN1/SB

1MQZxrME7ywa7aCQ2LoLeOCQr3fUhMUzFPKlyC1HY89ScxLNK7FExQm47ZAP24kA2z3VPXtAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:8}},34072:function(e,A){"use strict";A.Z={src:"/_next/static/media/morning@0,5x.1400563b.png",height:50,width:198,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAACCAMAAABSSm3fAAAAD1BMVEUOO1IPPFEMMFUPPVEOPVIFJjx3AAAABXRSTlMgWwppR062IB0AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAXSURBVHicY2BmZGRhZGRmZAABJiYmBgAA8gAWqrc3UQAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:2}},66401:function(e,A){"use strict";A.Z={src:"/_next/static/media/navigation-in-apps@0,5x.22815ace.png",height:95,width:239,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAMAAACZFr56AAAAIVBMVEX++v3m7e759/z7+/z09vTw8vP4+Pjy8Pr39/f///////8K0lxKAAAACnRSTlN8sf6HPLdZ+4W+03xG6gAAAAlwSFlzAAALEwAACxMBAJqcGAAAACJJREFUeJwFwYEBACAIw7BuA1T+P9iEaUn9huyxvaECcOsDBWcAXTF2hDMAAAAASUVORK5CYII=",blurWidth:8,blurHeight:3}},76343:function(e,A){"use strict";A.Z={src:"/_next/static/media/smile@0,5x.1dc541b7.png",height:148,width:148,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAALVBMVEWek578+/uZgZD///+Zd4jk3eLv7u+LoKpJa3vt8fL+/f7+/v7x7u/x7u////9+kbxzAAAADnRSTlMCth7lD0un9/v8umOoqVC9AiEAAAAJcEhZcwAACxMAAAsTAQCanBgAAAA1SURBVHicLcZHEsAgEMRAbSDb8//nUlDoooYVEbEA0xgyYKr3h9YuTNJF+Wv9CpDu7skpzzYzqwFAOdAfrgAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:8}},1390:function(e,A){"use strict";A.Z={src:"/_next/static/media/square.07777a8f.svg",height:47,width:48,blurWidth:0,blurHeight:0}},70324:function(e,A){"use strict";A.Z={src:"/_next/static/media/startArrow.48c0a7cd.svg",height:52,width:52,blurWidth:0,blurHeight:0}},82027:function(e,A){"use strict";A.Z={src:"/_next/static/media/tap@0,5x.bd8f09d7.png",height:148,width:148,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAM1BMVEUAAAAsIzTCu8Cktb3///+NcY3i3+L49/iZmaohCh/q7/D+/v6ff3/j4OOAl6Kltbz///9lRY46AAAAEHRSTlMBDkv75QmntwMe/GMIqff3DIsA2AAAAAlwSFlzAAALEwAACxMBAJqcGAAAADlJREFUeJwtyEkOgCAQAMEGZwWU+f9rjcRbpWCKiEzAa4zyg2t/WF77+afqoN9m1iFaZmYLiKWqwQtEBgHSmlRVxwAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:8}},9316:function(e){e.exports={headerWrapper:"mobileUi1_headerWrapper__q9Zqa",bgImage:"mobileUi1_bgImage__pFXSY",heroContainer:"mobileUi1_heroContainer__JdGQw",heroText:"mobileUi1_heroText__ohUpJ",aboveText:"mobileUi1_aboveText___NcEs",videoCourse:"mobileUi1_videoCourse__hlgsT",videoIcon:"mobileUi1_videoIcon__9btZe",videoCourseText:"mobileUi1_videoCourseText__xpmTQ",learnWithMalewicz:"mobileUi1_learnWithMalewicz__QBUYH",malewiczImage:"mobileUi1_malewiczImage__kQ2Po",malewiczText:"mobileUi1_malewiczText__05OMa",blueText:"mobileUi1_blueText__ghKHt",pageTitle:"mobileUi1_pageTitle__asfbh",pageDescription:"mobileUi1_pageDescription__k_VND",descriptionLink:"mobileUi1_descriptionLink__RZZTH",buttonContainer:"mobileUi1_buttonContainer__OBBMf",button:"mobileUi1_button__ueQLZ",startArrow:"mobileUi1_startArrow__8C_Go",arrowRight:"mobileUi1_arrowRight__JIwuW",startCourseBtn:"mobileUi1_startCourseBtn__WFQhx",loginBtn:"mobileUi1_loginBtn___N5YO",buttonText:"mobileUi1_buttonText__y3rta",heroImages:"mobileUi1_heroImages__Orren",heroBgImage:"mobileUi1_heroBgImage__Gl61J",phone1:"mobileUi1_phone1__mhsWk",phone2:"mobileUi1_phone2__aYZK5",bgPhoneContainer:"mobileUi1_bgPhoneContainer__sNp5y",phone3:"mobileUi1_phone3__1oZf7",bubble:"mobileUi1_bubble__eOGkZ",phoneIcon:"mobileUi1_phoneIcon__1DGTR",topIcon:"mobileUi1_topIcon__cPYdU",itemIcon:"mobileUi1_itemIcon__uHueJ",itemIconEffect:"mobileUi1_itemIconEffect__99jgx",goodMorning:"mobileUi1_goodMorning__ORess",mainCard:"mobileUi1_mainCard__vWVSe",navApps:"mobileUi1_navApps__MPMny",phone4:"mobileUi1_phone4__eqT6g",phone5:"mobileUi1_phone5__Nt5Up",smile:"mobileUi1_smile__kl521",push:"mobileUi1_push__5Yd6u",rectangle1:"mobileUi1_rectangle1__4TVu9",rectangle2:"mobileUi1_rectangle2__J513O",rectangle3:"mobileUi1_rectangle3__SrxE3",rectangle4:"mobileUi1_rectangle4__Bv0x9",rectangle5:"mobileUi1_rectangle5__UuJ2R",rectangle6:"mobileUi1_rectangle6__VPooX"}}}]);