Help
RSS
API
Feed
Maltego
Contact
Domain > astrocourse.dev
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2023-10-27
52.2.134.244
(
ClassC
)
2025-07-19
3.33.186.135
(
ClassC
)
Port 443
HTTP/1.1 200 OKAccept-Ranges: bytesAge: 0Cache-Control: public,max-age0,must-revalidateCache-Status: Netlify Edge; fwdmissContent-Length: 39058Content-Type: text/html; charsetUTF-8Date: Sat, 19 Jul 2025 17:48:08 GMTEtag: 8d2053c3bac225d5cb763361d88e4249-sslServer: NetlifyStrict-Transport-Security: max-age31536000X-Nf-Request-Id: 01K0HWSSY0RVFDX86E4CVDEXQD !DOCTYPE html>html langen classscroll-smooth> head>!-- Global Metadata -->meta charsetutf-8>meta nameviewport contentwidthdevice-width,initial-scale1>link relicon typeimage/svg+xml href/favicon.svg>meta namegenerator contentAstro v4.14.1>!-- Canonical URL -->link relcanonical hrefhttps://astrocourse.dev/>script defer data-domainastrocourse.dev srchttps://plausible.io/js/script.js>/script>!-- Primary Meta Tags -->title>Build Modern Websites with Astro./title>meta nametitle contentBuild Modern Websites with Astro.>meta namedescription contentLearn to build modern websites with Astro, the all-in-one framework designed for speed.>!-- Open Graph / Facebook -->meta propertyog:type contentwebsite>meta propertyog:url contenthttps://astrocourse.dev/>meta propertyog:title contentBuild Modern Websites with Astro.>meta propertyog:description contentLearn to build modern websites with Astro, the all-in-one framework designed for speed.>meta propertyog:image contenthttps://astrocourse.dev/cover.jpg>!-- Twitter -->meta propertytwitter:card contentsummary_large_image>meta propertytwitter:url contenthttps://astrocourse.dev/>meta propertytwitter:title contentBuild Modern Websites with Astro.>meta propertytwitter:description contentLearn to build modern websites with Astro, the all-in-one framework designed for speed.>meta propertytwitter:image contenthttps://astrocourse.dev/cover.jpg>script srchttps://cdn.podia.com/embeds.js asyncasync>/script>link relstylesheet href/_astro/_slug_.Chv9A6ci.css>/head> body> main classbg-gradient-to-r from-blue-800 to-purple-800> nav classpx-10 pt-8 flex gap-5 justify-center sm:justify-between items-center bg-transparent> a href/ classtext-white font-bold text-2xl hover:text-brand visible aria-labelhome page> img classw-12 h-12 lg:w-20 lg:h-20 inline mr-2 mb-1 color-white src/Astro-Icon.svg alt>Course/a> div classflex gap-x-10 items-center text-white> a hrefhttps://learn.jamesqquick.com/login classtext-center text-xl hover:scale-105 transition-all font-bold xl:hidden hidden sm:block>Login /a> a href/#pricing class text-indigo-800 font-bold px-6 py-3 rounded-lg bg-white text-sm sm:text-xl hover:scale-105 transition-transform xl:hidden hidden sm:block >Start Learning/a> /div> div idmenu classxl:flex hidden items-center justify-center> div classflex flex-row items-center gap-8 text-center text-2xl text-white> a href/#whatYouBuild classtext-center text-xl hover:scale-105 transition-all font-bold >What You'll Build /a>a href/#whoIsItFor classtext-center text-xl hover:scale-105 transition-all font-bold >Who Is This For /a>a href/#yourInstructor classtext-center text-xl hover:scale-105 transition-all font-bold >Your Instructor /a>a href/#faq classtext-center text-xl hover:scale-105 transition-all font-bold >FAQ /a> a hrefhttps://learn.jamesqquick.com/login classtext-center text-xl hover:scale-105 transition-all font-bold >Login /a> a href/#pricing class text-indigo-800 font-bold px-6 py-3 rounded-lg bg-white text-sm sm:text-xl hover:scale-105 transition-transform >Start Learning/a> /div> /div> /nav> div classpx-10> div class pt-20 p-2 flex flex-col md:items-center text-white md:text-center relative overflow-x-clip> img src/_astro/astroIcon.Dd7ZPhlQ.svg classw-80% max-w-2xl absolute opacity-5 -top-0 invisible md:visible z-0 altAstro Icon> div classz-10> !-- p classunderline underline-offset-4 text-xl mb-8 lg:mb-14 font-bold text-gray-300 flex items-center gap-x-2 justify-start md:justify-center > Icon nameph:clock classh-8 w-8 /> Full Course Coming Summer 2023 /p> --> h1 classtext-5xl md:text-6xl lg:text-8xl max-w-6xl mx-auto font-bold mb-4 md:mb-6 tracking-wider> span>Build Modern span classblock>Websites with Astro!/span>/span> /h1> p classtracking-wider max-w-4xl text-xl md:text-2xl font-light italic text-gray-200> span>A hands-on course to teach you how to build websites using Astro 4.0, the all-in-one framework for the modern web./span> /p> /div> div classabsolute top-0 -right-56 opacity-10> div> div classh-64 w-64 border-1px border-gray-100 rounded-lg>/div> div classh-64 w-64 border-1px border-gray-100 rounded-lg -translate-y-8 ml-10>/div> div classh-64 w-64 border-1px border-gray-100 rounded-lg -translate-y-32 ml-40>/div> /div> /div> div classabsolute bottom-0 -left-48 opacity-10> div> div classh-64 w-64 border-1px border-gray-100 rounded-lg>/div> div classh-64 w-64 border-1px border-gray-100 rounded-lg -translate-y-8 ml-10>/div> div classh-64 w-64 border-1px border-gray-100 rounded-lg -translate-y-32 ml-40>/div> /div> /div> /div> /div> div classtext-white flex justify-center my-10 relative z-10> div classflex items-center mb-0 gap-x-4> img src/.netlify/images?url_astro%2Fselfie.CKTo7x0C.jpeg&w64&h64 classrounded-full h-16 w-16 inline-block altJames Q Quick taking a selfie width64 height64 loadinglazy decodingasync> p>Taught by a classfont-bold underline underline-offset-4 hrefhttps://jamesqquick.com/>James Q Quick/a> /p> /div> /div> div classw-full max-w-3xl mx-auto text-left translate-y-40 px-10> div classrelative bg-white py-6 p-4 pt-12 md:p-10 rounded-2xl> !-- div classabsolute border-4 bg-white border-purple-200 -top-24 md:-top-12 right-50% translate-x-1/2 md:translate-x-0 md:-right-12 h-36 w-36 rounded-full flex flex-col items-center justify-center text-center p-1 md:p-2 > p classtext-violet-900 text-4xl font-bold relative !my-0> 25 span classabsolute text-lg text-violet-700 -top-0 md:-top-2 -right-4 md:-right-4 >%/span > /p> p classtext-violet-900 text-base !my-0>Early bird discount/p> /div> --> h2 classtext-3xl font-bold md:text-4xl text-purple-900 mb-2 md:mb-4 > Updated for Astro 4.0! /h2> p class text-left text-light text-gray-700 text-xl mb-4> This course has been been completely reworked to work with Astro 4.0 /p> div classflex gap-x-4 items-end> !-- Price cost{150} discount{discount} coupon{coupon} showCoupon{false} /> --> a class text-white mb-2 w-full bg-gradient-to-r from-blue-800 to-purple-800 px-8 py-4 rounded-lg text-sm sm:text-xl md:text-2xl text-center hover:scale-105 transition-transform inline-block duration-200 href#pricing>Start Learning/a> /div> /div> /div> !-- div classw-full max-w-3xl mx-auto text-left translate-y-40 px-10> Newsletter heading{`Sign up today!`} buttonText{Join the Waitlist!} client:load /> /div> --> section classbg-violet-900 bg-opacity-60 py-20 idoverview> div classgrid grid-cols-1 sm:grid-cols-1 lg:grid-cols-3 justify-between mt-40 items-center gap-y-24 lg:gap-y-4 px-10 max-w-6xl mx-auto text-center> !-- p> span classblock text-8xl font-bold text-white relative text-center >3/span > span classtext-2xl text-gray-100>Hands-on demos/span> /p> --> p> span classblock text-8xl font-bold text-white relative text-center>40+/span> span classtext-2xl text-gray-100>In-depth lessons/span> /p> p> span classblock text-8xl font-bold text-white relative text-center>5+/span> span classtext-2xl text-gray-100>Hours of video/span> /p> p> span classblock text-8xl font-bold text-white relative text-center>3k+/span> span classtext-2xl text-gray-100>Discord users/span> /p> /div> /section> section idwhatYouBuild classfalse py-24 lg:py-40 text-white overflow-x-clip px-8 relative> div classmax-w-2xl mx-auto mb-20> h2 classtext-4xl font-bold md:text-6xl text-left md:text-center mb-6 leading-3rem> What you will span classborder-2 border-white rounded-lg px-2 py-1> build /span> /h2> /div> div classabsolute top-20 -left-48 opacity-10> div> div classh-64 w-64 border-1px border-gray-100 rounded-lg>/div> div classh-64 w-64 border-1px border-gray-100 rounded-lg -translate-y-8 ml-10>/div> div classh-64 w-64 border-1px border-gray-100 rounded-lg -translate-y-32 ml-40>/div> /div> /div> div classxl:pl-30 mb-20> div classtext-xl flex flex-col lg:flex-row gap-y-24 my-8 lg:gap-x-10 items-center relative mb-20> div classgap-x-4 lg:w-1/2 items-center border border-white p-8 rounded-xl text-left> div classflex gap-x-2 items-center mb-1 justify-center lg:justify-start> h3 classtext-white text-3xl font-bold mb-2>Full-stack Markdown Blog/h3> /div> span classblock text-xl text-gray-200>In this course, youll take your blog to the next level by adding powerful features like tags, pagination, authentication, comments, and more! Youll also learn to use modern technologies likea classunderline underline-offset-4 hrefhttps://tailwindcss.com/>Tailwind CSS/a>,a classunderline underline-offset-4 hrefhttps://www.typescriptlang.org/>TypeScript/a>,a classunderline underline-offset-4 hrefhttps://xata.io/>Xata/a>, anda classunderline underline-offset-4 hrefhttps://cloudinary.com/>Cloudinary/a>!/span> div classflex flex-col sm:flex-row items-center gap-x-6 gap-y-10 justify-center mt-10> a hrefhttps://tailwindcss.com/ classhover:scale-110 transition-transform>img src/images/logos/tailwind.svg classh-8 altTailwind Icon>/a> a hrefhttps://www.typescriptlang.org/ classhover:scale-110 transition-transform>img src/images/logos/typescript.svg classh-8 altTypeScript Icon>/a> a hrefhttps://xata.io/ classhover:scale-110 transition-transform>img src/images/logos/cloudinary.svg classh-8 altXata Icon>/a> a hrefhttps://cloudinary.com/ classhover:scale-110 transition-transform>img src/images/logos/xata.svg classh-8 altCloudinary Icon>/a> /div> /div> div classlg:w-2/3 lg:relative translate-x-0 lg:translate-x-40 order-2> div classabsolute -top-5 -bottom-5 left-10 right-0 bg-purple-400 rounded-lg opacity-20>/div> img src/images/project-1.jpg altProject 1 classrounded-lg z-10 relative> /div> /div> /div> ul classmx-auto p-8 grid grid-cols-1 gap-y-6 md:grid-cols-2 lg:grid-cols-3 list-disc text-white pl-4 text-xl md:text-2xl mb-8 justify-items-center font-bold> li classflex items-center gap-x-2>Static Site Generation/li> li classflex items-center gap-x-2>Server-side Rendering/li> li classflex items-center gap-x-2>Content Collections/li> li classflex items-center gap-x-2>Astro Islands/li> li classflex items-center gap-x-2>Image Optimization/li> li classflex items-center gap-x-2>Integrations/li> li classflex items-center gap-x-2>Tailwind CSS/li> li classflex items-center gap-x-2>TypeScript Types and Zod/li> li classflex items-center gap-x-2>API Routes/Endpoints/li> li classflex items-center gap-x-2>Pagination/li> li classflex items-center gap-x-2>How to Work With Markdown/li> li classflex items-center gap-x-2>SEO and Meta Tags/li> li classflex items-center gap-x-2>RSS Feeds/li> li classflex items-center gap-x-2>Deploying and Hosting/li> /ul> /section> section idtopics classbg-violet-950 bg-opacity-60 py-24 lg:py-40 text-white overflow-x-clip px-8 relative> div classmax-w-2xl mx-auto mb-20> h2 classtext-4xl font-bold md:text-6xl text-left md:text-center mb-6 leading-3rem> What topics are covered in this course? /h2> p classtext-lg md:text-2xl tracking-wide leading-relaxed max-w-2xl mx-auto text-left md:text-center mb-20> One thing you can be sure of is that we take no short-cuts! You will learn core Astro concepts hands-on and in-depth. /p> /div> div classabsolute top-40 -right-56 opacity-10> div> div classh-64 w-64 border-1px border-gray-100 rounded-lg>/div> div classh-64 w-64 border-1px border-gray-100 rounded-lg -translate-y-8 ml-10>/div> div classh-64 w-64 border-1px border-gray-100 rounded-lg -translate-y-32 ml-40>/div> /div> /div> div classgrid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 max-w-6xl mx-auto gap-8 gap-y-16> div class> svg viewBox0 0 24 24 classh-10 w-10 mb-4 opacity-80 astro-iconiconoir:frame-tool>path fillnone strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width1.5 dM2 7h1M2 17h1M21 7h1m-1 10h1M17 3V2M7 3V2m10 20v-1M7 22v-1M18 6.6v10.8a.6.6 0 0 1-.6.6H6.6a.6.6 0 0 1-.6-.6V6.6a.6.6 0 0 1 .6-.6h10.8a.6.6 0 0 1 .6.6z/>/svg> h3 classtext-2xl font-bold mb-2>Static Site Generation vs Server-side Rendering/h3> p classtext-lg tracking-wide leading-relaxed opacity-90> Learn about the multiple strategies Astro provides for rendering pages in the browser /p> /div>div class> svg viewBox0 0 24 24 classh-10 w-10 mb-4 opacity-80 astro-iconakar-icons:paper>g fillnone strokecurrentColor stroke-linejoinround stroke-width2>path stroke-linecapround dM4 4v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8.342a2 2 0 0 0-.602-1.43l-4.44-4.342A2 2 0 0 0 13.56 2H6a2 2 0 0 0-2 2z/>path dM14 2v4a2 2 0 0 0 2 2h4/>/g>/svg> h3 classtext-2xl font-bold mb-2>Content Collections/h3> p classtext-lg tracking-wide leading-relaxed opacity-90> Create, organize, and validate your markdown content using Content Collections /p> /div>div class> svg viewBox0 0 24 24 classh-10 w-10 mb-4 opacity-80 astro-icontabler:camera>g fillnone strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width2 classicon-tabler>path dM5 7h1a2 2 0 0 0 2-2 1 1 0 0 1 1-1h6a1 1 0 0 1 1 1 2 2 0 0 0 2 2h1a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2/>circle cx12 cy13 r3/>/g>/svg> h3 classtext-2xl font-bold mb-2>Image Optimization/h3> p classtext-lg tracking-wide leading-relaxed opacity-90> Use the Astro Image component to optimized images with lazy loading for faster load times /p> /div>div class> svg viewBox0 0 1024 1024 classh-10 w-10 mb-4 opacity-80 astro-iconant-design:safety-outlined>path fillcurrentColor dM512 64 128 192v384c0 212.1 171.9 384 384 384s384-171.9 384-384V192L512 64zm312 512c0 172.3-139.7 312-312 312S200 748.3 200 576V246l312-110 312 110v330z/>path fillcurrentColor dM378.4 475.1a35.91 35.91 0 0 0-50.9 0 35.91 35.91 0 0 0 0 50.9l129.4 129.4 2.1 2.1a33.98 33.98 0 0 0 48.1 0L730.6 434a33.98 33.98 0 0 0 0-48.1l-2.8-2.8a33.98 33.98 0 0 0-48.1 0L483 579.7 378.4 475.1z/>/svg> h3 classtext-2xl font-bold mb-2>TypeScript/h3> p classtext-lg tracking-wide leading-relaxed opacity-90> Use TypeScript to define prop types, database table models, and frontmatter schemas for Content Collections /p> /div>div class> svg viewBox0 0 24 24 classh-10 w-10 mb-4 opacity-80 astro-iconakar-icons:light-bulb>g fillnone strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width2>path dM10 22h4M5 9a7 7 0 0 1 14 0 6.972 6.972 0 0 1-3 5.734l-.542 2.566a2 2 0 0 1-1.977 1.7h-2.962a2 2 0 0 1-1.977-1.7L8 14.745A6.992 6.992 0 0 1 5 9zM8 15h8/>/g>/svg> h3 classtext-2xl font-bold mb-2>Authentication/h3> p classtext-lg tracking-wide leading-relaxed opacity-90> Learn to build a basic auth strategy using Server-side Rendering, Xata (PostgreSQL database), and cookies. /p> /div>div class> svg viewBox0 0 24 24 classh-10 w-10 mb-4 opacity-80 astro-iconic:outline-rocket>path fillcurrentColor dM14 11c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2 2-.9 2-2zm-6.02 7.25c-.29-.9-.57-1.94-.76-3L6 16.07v2.98l1.98-.8zM12 2s5 2 5 11l2.11 1.41c.56.37.89 1 .89 1.66V22l-5-2H9l-5 2v-5.93c0-.67.33-1.29.89-1.66L7 13c0-9 5-11 5-11zm0 2.36S9 6.38 9 13c0 2.25 1 5 1 5h4s1-2.75 1-5c0-6.62-3-8.64-3-8.64zm6 14.69v-2.98l-1.22-.81c-.19 1.05-.47 2.1-.76 3l1.98.79z/>/svg> h3 classtext-2xl font-bold mb-2>Deploying and Hosting/h3> p classtext-lg tracking-wide leading-relaxed opacity-90> Deploy and host your website with Astro and get your site live in no time /p> /div> /div> /section> section idwhoIsItFor classundefined py-24 lg:py-40 text-white overflow-x-clip px-8 relative> div classmax-w-2xl mx-auto mb-20> h2 classtext-4xl font-bold md:text-6xl text-left md:text-center mb-6 leading-3rem> Is this course for span classborder-2 border-white rounded-lg px-2 py-1> you? /span> /h2> p classtext-lg md:text-2xl tracking-wide leading-relaxed max-w-2xl mx-auto text-left md:text-center mb-20> This course is built for beginner to intermediate web developers who have /p> /div> div classabsolute top-20 -left-48 opacity-10> div> div classh-64 w-64 border-1px border-gray-100 rounded-lg>/div> div classh-64 w-64 border-1px border-gray-100 rounded-lg -translate-y-8 ml-10>/div> div classh-64 w-64 border-1px border-gray-100 rounded-lg -translate-y-32 ml-40>/div> /div> /div> div classmax-w-6xl mx-auto> div classflex flex-col lg:flex-row gap-y-8 gap-x-10 mb-20 max-w-2xl lg:max-w-4xl mx-auto> div classflex gap-x-4 items-center> svg viewBox0 0 24 24 classh-10 lg:h-32 opacity-50 astro-iconprime:cog>path fillcurrentColor dM12 14.93A2.93 2.93 0 1 1 14.93 12 2.93 2.93 0 0 1 12 14.93zm0-4.36A1.43 1.43 0 1 0 13.43 12 1.43 1.43 0 0 0 12 10.57z/>path fillcurrentColor dM12.06 20.75a2.22 2.22 0 0 1-2.21-2.24.48.48 0 0 0-.29-.42.51.51 0 0 0-.56.09 2.24 2.24 0 0 1-1.56.65 2.26 2.26 0 0 1-1.58-.63 2.22 2.22 0 0 1 0-3.14.5.5 0 0 0 .14-.52.56.56 0 0 0-.48-.28 2.27 2.27 0 0 1-2.26-2.2 2.22 2.22 0 0 1 2.23-2.21.48.48 0 0 0 .42-.29.51.51 0 0 0-.09-.56 2.24 2.24 0 0 1-.65-1.56 2.2 2.2 0 0 1 .63-1.58 2.22 2.22 0 0 1 3.14 0 .58.58 0 0 0 .55.14.6.6 0 0 0 .31-.48A2.27 2.27 0 0 1 12 3.25a2.22 2.22 0 0 1 2.2 2.24.52.52 0 0 0 .28.44.5.5 0 0 0 .52-.11 2.24 2.24 0 0 1 1.56-.65 2.13 2.13 0 0 1 1.58.63 2.22 2.22 0 0 1 0 3.14.58.58 0 0 0-.11.55.6.6 0 0 0 .48.31 2.27 2.27 0 0 1 2.24 2.2 2.22 2.22 0 0 1-2.24 2.2.52.52 0 0 0-.44.28.5.5 0 0 0 .11.52 2.24 2.24 0 0 1 .65 1.56 2.2 2.2 0 0 1-.63 1.58 2.22 2.22 0 0 1-3.14 0 .5.5 0 0 0-.52-.11.56.56 0 0 0-.28.48 2.27 2.27 0 0 1-2.2 2.24zm-2.71-4.21a1.83 1.83 0 0 1 .77.16 2 2 0 0 1 1.23 1.8.74.74 0 0 0 .71.75.76.76 0 0 0 .7-.77 2.06 2.06 0 0 1 1.18-1.85 2 2 0 0 1 2.18.43.7.7 0 1 0 1-1 2 2 0 0 1-.42-2.18 2 2 0 0 1 1.82-1.18.73.73 0 0 0 .74-.7.75.75 0 0 0-.77-.7 2.1 2.1 0 0 1-1.85-1.22 2.05 2.05 0 0 1 .43-2.2.7.7 0 1 0-1-1 2 2 0 0 1-3.36-1.4.73.73 0 0 0-.7-.74.75.75 0 0 0-.7.77 2.1 2.1 0 0 1-1.22 1.85 2.05 2.05 0 0 1-2.2-.43.7.7 0 1 0-1 1 2 2 0 0 1 .41 2.18 2 2 0 0 1-1.8 1.23.74.74 0 0 0-.75.71.76.76 0 0 0 .77.7 2.06 2.06 0 0 1 1.85 1.18 2 2 0 0 1-.43 2.18.7.7 0 1 0 1 1 2.06 2.06 0 0 1 1.41-.57zm8-2.36z/>/svg> p classtext-xl opacity-90>A fundamental knowledge of HTML, CSS, and JavaScript/p> /div>div classflex gap-x-4 items-center> svg viewBox0 0 24 24 classh-10 lg:h-32 opacity-50 astro-iconprime:cog>path fillcurrentColor dM12 14.93A2.93 2.93 0 1 1 14.93 12 2.93 2.93 0 0 1 12 14.93zm0-4.36A1.43 1.43 0 1 0 13.43 12 1.43 1.43 0 0 0 12 10.57z/>path fillcurrentColor dM12.06 20.75a2.22 2.22 0 0 1-2.21-2.24.48.48 0 0 0-.29-.42.51.51 0 0 0-.56.09 2.24 2.24 0 0 1-1.56.65 2.26 2.26 0 0 1-1.58-.63 2.22 2.22 0 0 1 0-3.14.5.5 0 0 0 .14-.52.56.56 0 0 0-.48-.28 2.27 2.27 0 0 1-2.26-2.2 2.22 2.22 0 0 1 2.23-2.21.48.48 0 0 0 .42-.29.51.51 0 0 0-.09-.56 2.24 2.24 0 0 1-.65-1.56 2.2 2.2 0 0 1 .63-1.58 2.22 2.22 0 0 1 3.14 0 .58.58 0 0 0 .55.14.6.6 0 0 0 .31-.48A2.27 2.27 0 0 1 12 3.25a2.22 2.22 0 0 1 2.2 2.24.52.52 0 0 0 .28.44.5.5 0 0 0 .52-.11 2.24 2.24 0 0 1 1.56-.65 2.13 2.13 0 0 1 1.58.63 2.22 2.22 0 0 1 0 3.14.58.58 0 0 0-.11.55.6.6 0 0 0 .48.31 2.27 2.27 0 0 1 2.24 2.2 2.22 2.22 0 0 1-2.24 2.2.52.52 0 0 0-.44.28.5.5 0 0 0 .11.52 2.24 2.24 0 0 1 .65 1.56 2.2 2.2 0 0 1-.63 1.58 2.22 2.22 0 0 1-3.14 0 .5.5 0 0 0-.52-.11.56.56 0 0 0-.28.48 2.27 2.27 0 0 1-2.2 2.24zm-2.71-4.21a1.83 1.83 0 0 1 .77.16 2 2 0 0 1 1.23 1.8.74.74 0 0 0 .71.75.76.76 0 0 0 .7-.77 2.06 2.06 0 0 1 1.18-1.85 2 2 0 0 1 2.18.43.7.7 0 1 0 1-1 2 2 0 0 1-.42-2.18 2 2 0 0 1 1.82-1.18.73.73 0 0 0 .74-.7.75.75 0 0 0-.77-.7 2.1 2.1 0 0 1-1.85-1.22 2.05 2.05 0 0 1 .43-2.2.7.7 0 1 0-1-1 2 2 0 0 1-3.36-1.4.73.73 0 0 0-.7-.74.75.75 0 0 0-.7.77 2.1 2.1 0 0 1-1.22 1.85 2.05 2.05 0 0 1-2.2-.43.7.7 0 1 0-1 1 2 2 0 0 1 .41 2.18 2 2 0 0 1-1.8 1.23.74.74 0 0 0-.75.71.76.76 0 0 0 .77.7 2.06 2.06 0 0 1 1.85 1.18 2 2 0 0 1-.43 2.18.7.7 0 1 0 1 1 2.06 2.06 0 0 1 1.41-.57zm8-2.36z/>/svg> p classtext-xl opacity-90>A desire to learn new skills to put on their resume/p> /div>div classflex gap-x-4 items-center> svg viewBox0 0 24 24 classh-10 lg:h-32 opacity-50 astro-iconprime:cog>path fillcurrentColor dM12 14.93A2.93 2.93 0 1 1 14.93 12 2.93 2.93 0 0 1 12 14.93zm0-4.36A1.43 1.43 0 1 0 13.43 12 1.43 1.43 0 0 0 12 10.57z/>path fillcurrentColor dM12.06 20.75a2.22 2.22 0 0 1-2.21-2.24.48.48 0 0 0-.29-.42.51.51 0 0 0-.56.09 2.24 2.24 0 0 1-1.56.65 2.26 2.26 0 0 1-1.58-.63 2.22 2.22 0 0 1 0-3.14.5.5 0 0 0 .14-.52.56.56 0 0 0-.48-.28 2.27 2.27 0 0 1-2.26-2.2 2.22 2.22 0 0 1 2.23-2.21.48.48 0 0 0 .42-.29.51.51 0 0 0-.09-.56 2.24 2.24 0 0 1-.65-1.56 2.2 2.2 0 0 1 .63-1.58 2.22 2.22 0 0 1 3.14 0 .58.58 0 0 0 .55.14.6.6 0 0 0 .31-.48A2.27 2.27 0 0 1 12 3.25a2.22 2.22 0 0 1 2.2 2.24.52.52 0 0 0 .28.44.5.5 0 0 0 .52-.11 2.24 2.24 0 0 1 1.56-.65 2.13 2.13 0 0 1 1.58.63 2.22 2.22 0 0 1 0 3.14.58.58 0 0 0-.11.55.6.6 0 0 0 .48.31 2.27 2.27 0 0 1 2.24 2.2 2.22 2.22 0 0 1-2.24 2.2.52.52 0 0 0-.44.28.5.5 0 0 0 .11.52 2.24 2.24 0 0 1 .65 1.56 2.2 2.2 0 0 1-.63 1.58 2.22 2.22 0 0 1-3.14 0 .5.5 0 0 0-.52-.11.56.56 0 0 0-.28.48 2.27 2.27 0 0 1-2.2 2.24zm-2.71-4.21a1.83 1.83 0 0 1 .77.16 2 2 0 0 1 1.23 1.8.74.74 0 0 0 .71.75.76.76 0 0 0 .7-.77 2.06 2.06 0 0 1 1.18-1.85 2 2 0 0 1 2.18.43.7.7 0 1 0 1-1 2 2 0 0 1-.42-2.18 2 2 0 0 1 1.82-1.18.73.73 0 0 0 .74-.7.75.75 0 0 0-.77-.7 2.1 2.1 0 0 1-1.85-1.22 2.05 2.05 0 0 1 .43-2.2.7.7 0 1 0-1-1 2 2 0 0 1-3.36-1.4.73.73 0 0 0-.7-.74.75.75 0 0 0-.7.77 2.1 2.1 0 0 1-1.22 1.85 2.05 2.05 0 0 1-2.2-.43.7.7 0 1 0-1 1 2 2 0 0 1 .41 2.18 2 2 0 0 1-1.8 1.23.74.74 0 0 0-.75.71.76.76 0 0 0 .77.7 2.06 2.06 0 0 1 1.85 1.18 2 2 0 0 1-.43 2.18.7.7 0 1 0 1 1 2.06 2.06 0 0 1 1.41-.57zm8-2.36z/>/svg> p classtext-xl opacity-90>Some experience with a framework (encouraged but not required)/p> /div> /div> p classtext-lg opacity-80 max-w-xl mx-auto text-center>*Still not sure if its for you? Send me an email at a hrefmailto:me@jamesqquick.com classcursor underline>me@jamesqquick.com/a> with any outstanding questions!/p> /div> /section> section idyourInstructor classbg-violet-950 bg-opacity-60 pt-60 pb-32 text-white px-8> div classmax-w-6xl mx-auto> h2 classtext-4xl font-bold md:text-6xl mb-20 text-center lg:text-left lg:mb-4> Hi, I'm James Q Quick 👋 /h2> div classflex flex-col lg:flex-row justify-between gap-x-10 items-center -my-10 md:-my-4> div classgrow-1 order-2 lg:order-first> p classtext-xl mb-10 tracking-wider>Im a full-stack developer with a passion for teaching developers, and Im here to help you learn the latest and greatest in Web Development./p> ul classtext-xl md:text-2xl flex flex-col gap-y-4> li> svg viewBox0 0 256 256 classh-6 inline text-white mr-2 astro-iconph:check-circle>path fillcurrentColor dM177.8 98.5a8 8 0 0 1-.3 11.3l-58.6 56a8.1 8.1 0 0 1-5.6 2.2 7.9 7.9 0 0 1-5.5-2.2l-29.3-28a8 8 0 1 1 11-11.6l23.8 22.7 53.2-50.7a8 8 0 0 1 11.3.3zM232 128A104 104 0 1 1 128 24a104.2 104.2 0 0 1 104 104zm-16 0a88 88 0 1 0-88 88 88.1 88.1 0 0 0 88-88z/>/svg> span classfont-bold italic>300+/span> bootcamp students through Launch Code/li> li> svg viewBox0 0 256 256 classh-6 inline text-white mr-2 astro-iconph:check-circle>path fillcurrentColor dM177.8 98.5a8 8 0 0 1-.3 11.3l-58.6 56a8.1 8.1 0 0 1-5.6 2.2 7.9 7.9 0 0 1-5.5-2.2l-29.3-28a8 8 0 1 1 11-11.6l23.8 22.7 53.2-50.7a8 8 0 0 1 11.3.3zM232 128A104 104 0 1 1 128 24a104.2 104.2 0 0 1 104 104zm-16 0a88 88 0 1 0-88 88 88.1 88.1 0 0 0 88-88z/>/svg> span classfont-bold italic>10+ years/span> of teaching developers/li> li> svg viewBox0 0 256 256 classh-6 inline text-white mr-2 astro-iconph:check-circle>path fillcurrentColor dM177.8 98.5a8 8 0 0 1-.3 11.3l-58.6 56a8.1 8.1 0 0 1-5.6 2.2 7.9 7.9 0 0 1-5.5-2.2l-29.3-28a8 8 0 1 1 11-11.6l23.8 22.7 53.2-50.7a8 8 0 0 1 11.3.3zM232 128A104 104 0 1 1 128 24a104.2 104.2 0 0 1 104 104zm-16 0a88 88 0 1 0-88 88 88.1 88.1 0 0 0 88-88z/>/svg> span classfont-bold italic>200,000+/span> followers on social media/li> /ul> /div> div classflex flex-col items-center gap-y-4 mb-10 lg:mb-0 w-full md:min-w-400px> div classbg-gradient-to-r p-2 from-blue-800 to-purple-800 inline-block rounded-full max-w-sm> img src/.netlify/images?url_astro%2Fselfie.CKTo7x0C.jpeg&w600&h600 classrounded-full md:h-80 md:w-80 inline-block altJames Q Quick taking a selfie width600 height600 loadinglazy decodingasync> /div> div classflex gap-x-4> a hrefhttps://twitter.com/jamesqquick class> svg viewBox0 0 24 24 aria-labelTwitter classh-12 w-12 inline text-#1DA1F2 hover:-translate-y-1 transition-transform astro-iconmdi:twitter>path fillcurrentColor dM22.46 6c-.77.35-1.6.58-2.46.69.88-.53 1.56-1.37 1.88-2.38-.83.5-1.75.85-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.29 0 .34.04.67.11.98C8.28 9.09 5.11 7.38 3 4.79c-.37.63-.58 1.37-.58 2.15 0 1.49.75 2.81 1.91 3.56-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.22 4.22 0 0 1-1.93.07 4.28 4.28 0 0 0 4 2.98 8.521 8.521 0 0 1-5.33 1.84c-.34 0-.68-.02-1.02-.06C3.44 20.29 5.7 21 8.12 21 16 21 20.33 14.46 20.33 8.79c0-.19 0-.37-.01-.56.84-.6 1.56-1.36 2.14-2.23z/>/svg> /a> a hrefhttps://www.youtube.com/c/jamesqquick class> svg viewBox0 0 24 24 aria-labelYouTube classh-12 w-12 inline text-#FF0000 hover:-translate-y-1 transition-transform astro-iconmdi:youtube>path fillcurrentColor dm10 15 5.19-3L10 9v6m11.56-7.83c.13.47.22 1.1.28 1.9.07.8.1 1.49.1 2.09L22 12c0 2.19-.16 3.8-.44 4.83-.25.9-.83 1.48-1.73 1.73-.47.13-1.33.22-2.65.28-1.3.07-2.49.1-3.59.1L12 19c-4.19 0-6.8-.16-7.83-.44-.9-.25-1.48-.83-1.73-1.73-.13-.47-.22-1.1-.28-1.9-.07-.8-.1-1.49-.1-2.09L2 12c0-2.19.16-3.8.44-4.83.25-.9.83-1.48 1.73-1.73.47-.13 1.33-.22 2.65-.28 1.3-.07 2.49-.1 3.59-.1L12 5c4.19 0 6.8.16 7.83.44.9.25 1.48.83 1.73 1.73z/>/svg> /a> a hrefhttps://www.tiktok.com/@jamesqquick class> svg viewBox0 0 24 24 aria-labelTikTok classh-12 w-12 inline text-#00f2ea hover:-translate-y-1 transition-transform astro-iconic:baseline-tiktok>path fillcurrentColor dM16.6 5.82s.51.5 0 0A4.278 4.278 0 0 1 15.54 3h-3.09v12.4a2.592 2.592 0 0 1-2.59 2.5c-1.42 0-2.6-1.16-2.6-2.6 0-1.72 1.66-3.01 3.37-2.48V9.66c-3.45-.46-6.47 2.22-6.47 5.64 0 3.33 2.76 5.7 5.69 5.7 3.14 0 5.69-2.55 5.69-5.7V9.01a7.35 7.35 0 0 0 4.3 1.38V7.3s-1.88.09-3.24-1.48z/>/svg> /a> a hrefhttps://learnbuildteach.com/ class> svg viewBox0 0 24 24 aria-labelDiscord classh-12 w-12 inline text-#738adb hover:-translate-y-1 transition-transform astro-iconic:baseline-discord>path fillcurrentColor dM19.27 5.33C17.94 4.71 16.5 4.26 15 4a.09.09 0 0 0-.07.03c-.18.33-.39.76-.53 1.09a16.09 16.09 0 0 0-4.8 0c-.14-.34-.35-.76-.54-1.09-.01-.02-.04-.03-.07-.03-1.5.26-2.93.71-4.27 1.33-.01 0-.02.01-.03.02-2.72 4.07-3.47 8.03-3.1 11.95 0 .02.01.04.03.05 1.8 1.32 3.53 2.12 5.24 2.65.03.01.06 0 .07-.02.4-.55.76-1.13 1.07-1.74.02-.04 0-.08-.04-.09-.57-.22-1.11-.48-1.64-.78-.04-.02-.04-.08-.01-.11.11-.08.22-.17.33-.25.02-.02.05-.02.07-.01 3.44 1.57 7.15 1.57 10.55 0 .02-.01.05-.01.07.01.11.09.22.17.33.26.04.03.04.09-.01.11-.52.31-1.07.56-1.64.78-.04.01-.05.06-.04.09.32.61.68 1.19 1.07 1.74.03.01.06.02.09.01 1.72-.53 3.45-1.33 5.25-2.65.02-.01.03-.03.03-.05.44-4.53-.73-8.46-3.1-11.95-.01-.01-.02-.02-.04-.02zM8.52 14.91c-1.03 0-1.89-.95-1.89-2.12s.84-2.12 1.89-2.12c1.06 0 1.9.96 1.89 2.12 0 1.17-.84 2.12-1.89 2.12zm6.97 0c-1.03 0-1.89-.95-1.89-2.12s.84-2.12 1.89-2.12c1.06 0 1.9.96 1.89 2.12 0 1.17-.83 2.12-1.89 2.12z/>/svg> /a> /div> /div> /div> /div> /section> section idpricing classfalse py-24 lg:py-40 text-white overflow-x-clip px-8 relative> div classmax-w-2xl mx-auto mb-20> h2 classtext-4xl font-bold md:text-6xl text-left md:text-center mb-6 leading-3rem> Ready to Start Learning? /h2> p classtext-lg md:text-2xl tracking-wide leading-relaxed max-w-2xl mx-auto text-left md:text-center mb-20> Learn everything you need to know about one of the most exciting frameworks in JavaScript! /p> /div> div classabsolute top-20 -left-48 opacity-10> div> div classh-64 w-64 border-1px border-gray-100 rounded-lg>/div> div classh-64 w-64 border-1px border-gray-100 rounded-lg -translate-y-8 ml-10>/div> div classh-64 w-64 border-1px border-gray-100 rounded-lg -translate-y-32 ml-40>/div> /div> /div> div classgrid grid-cols-1 gap-y-10 lg:grid-cols-1fr,1fr justify-stretch items-center ml10px max-w-xl lg:max-w-6xl mx-auto> div classshadow-xl lg:min-w-500px bg-white rounded-xl p-10 flex flex-col > h3 classtext-2xl font-bold text-purple-700 text-center> Half-stack (Basic Package) /h3> p classtext-xl text-gray-500 mb-4 text-center> Static Site Generation Only /p> !--server-island-start-->script async typemodule data-island-idaaabb30d-cba8-4bbc-9b2d-887db1a135e0>let componentId Price;let componentExport default;let script document.querySelector(scriptdata-island-idaaabb30d-cba8-4bbc-9b2d-887db1a135e0);let data { componentExport, encryptedProps: 262D1BBCA75B6A974008501Cje1ObmTnzB4kMMN39LRfA3UV5bVnFOc41P1M, slots: {},};let response await fetch(/_server-islands/Price, { method: POST, body: JSON.stringify(data),});if(response.status 200 && response.headers.get(content-type) text/html) { let html await response.text(); // Swap! while(script.previousSibling && script.previousSibling.nodeType ! 8 && script.previousSibling.data ! server-island-start) { script.previousSibling.remove(); } script.previousSibling?.remove(); let frag document.createRange().createContextualFragment(html); script.before(frag);}script.remove();/script> ul classmb-4 flex flex-col gap-y-4> li classtext-gray-900 text-lg ml-4 relative flex items-center> span classabsolute -left-8>✅/span> Astro Components, Integrations, and Islands /li>li classtext-gray-900 text-lg ml-4 relative flex items-center> span classabsolute -left-8>✅/span> Markdown and Content Collections with Zod and TypeScript /li>li classtext-gray-900 text-lg ml-4 relative flex items-center> span classabsolute -left-8>✅/span> Dynamic Routes, Pagination, and SEO /li>li classtext-gray-900 text-lg ml-4 relative flex items-center> span classabsolute -left-8>✅/span> Image Optimization /li>li classtext-gray-900 text-lg ml-4 relative flex items-center> span classabsolute -left-8>✅/span> Deploying to Vercel and Netlify /li> /ul> !--server-island-start-->script async typemodule data-island-ideb5f048e-2025-498b-9afb-5af3227251e0>let componentId BuyNowButton;let componentExport default;let script document.querySelector(scriptdata-island-ideb5f048e-2025-498b-9afb-5af3227251e0);let data { componentExport, encryptedProps: 5069C1A323F78DCCEEC97019H6ILZuaoznEYVtNO\u002f4dWy3uhIbU5T9cBCuZ\u002fESXftDb9eT2SncHwVkwi1EAcvnkj862zqZbbWhi2TcugBPdWIJdzz+2nSCuDj5PRvIjvGThJmfvWfw0cDuj2xUip, slots: {},};let response await fetch(/_server-islands/BuyNowButton, { method: POST, body: JSON.stringify(data),});if(response.status 200 && response.headers.get(content-type) text/html) { let html await response.text(); // Swap! while(script.previousSibling && script.previousSibling.nodeType ! 8 && script.previousSibling.data ! server-island-start) { script.previousSibling.remove(); } script.previousSibling?.remove(); let frag document.createRange().createContextualFragment(html); script.before(frag);}script.remove();/script> p classtext-sm text-light text-gray-700 mb-4>*30 day money-back guarantee/p> /div> div classshadow-xl lg:min-w-500px bg-white rounded-xl p-10 flex flex-col shadow-purple-900 border-8 border-purple-400 py-20 -ml-10px> h3 classtext-2xl font-bold text-purple-700 text-center> Full-stack (Premium Package) /h3> p classtext-xl text-gray-500 mb-4 text-center> Static Site Generation + Server-side Rendering /p> !--server-island-start-->script async typemodule data-island-id29db62ba-9f35-45ce-9884-30001584f637>let componentId Price;let componentExport default;let script document.querySelector(scriptdata-island-id29db62ba-9f35-45ce-9884-30001584f637);let data { componentExport, encryptedProps: 74B26971AAD0C5E0FA6CF1A6Sv5VERY4qSHkL2lXA\u002fEPRh0cjhN9\u002fAmGJhsFcQ, slots: {},};let response await fetch(/_server-islands/Price, { method: POST, body: JSON.stringify(data),});if(response.status 200 && response.headers.get(content-type) text/html) { let html await response.text(); // Swap! while(script.previousSibling && script.previousSibling.nodeType ! 8 && script.previousSibling.data ! server-island-start) { script.previousSibling.remove(); } script.previousSibling?.remove(); let frag document.createRange().createContextualFragment(html); script.before(frag);}script.remove();/script> ul classmb-4 flex flex-col gap-y-4> li classtext-gray-900 text-lg ml-4 relative flex items-center> span classabsolute -left-8>✅/span> Automatic Cover Images with Cloudinary /li>li classtext-gray-900 text-lg ml-4 relative flex items-center> span classabsolute -left-8>✅/span> Handling Forms and API Routes /li>li classtext-gray-900 text-lg ml-4 relative flex items-center> span classabsolute -left-8>✅/span> Database Integration Using Xata /li>li classtext-gray-900 text-lg ml-4 relative flex items-center> span classabsolute -left-8>✅/span> Building a Basic Auth Strategy Using Cookies /li>li classtext-gray-900 text-lg ml-4 relative flex items-center> span classabsolute -left-8>✅/span> Everything From the Basic Package /li> /ul> !--server-island-start-->script async typemodule data-island-id49f5df3a-3ec8-441b-af45-fccb07a13194>let componentId BuyNowButton;let componentExport default;let script document.querySelector(scriptdata-island-id49f5df3a-3ec8-441b-af45-fccb07a13194);let data { componentExport, encryptedProps: 6B3364F1B4BD856B032C0EADZuz9xgBmkk62IMMb+Q6pVfC4GVXypcs\u002fy7MffbMbmdf6xOo78YwttW48uFOEbSkEbyWneWHgDwZPgYXqdLsT2J+oLykX, slots: {},};let response await fetch(/_server-islands/BuyNowButton, { method: POST, body: JSON.stringify(data),});if(response.status 200 && response.headers.get(content-type) text/html) { let html await response.text(); // Swap! while(script.previousSibling && script.previousSibling.nodeType ! 8 && script.previousSibling.data ! server-island-start) { script.previousSibling.remove(); } script.previousSibling?.remove(); let frag document.createRange().createContextualFragment(html); script.before(frag);}script.remove();/script> p classtext-sm text-light text-gray-700 mb-4>*30 day money-back guarantee/p> /div> /div> /section> section idfaq classundefined py-24 lg:py-40 text-white overflow-x-clip px-8 relative> div classmax-w-2xl mx-auto mb-20> h2 classtext-4xl font-bold md:text-6xl text-left md:text-center mb-6 leading-3rem> Got questions? /h2> /div> div classmax-w-6xl mx-auto relative> div classgrid grid-cols-1 lg:grid-cols-2 gap-20 mb-10 md:mb-20> div> h3 classtext-2xl lg:text-4xl font-bold mb-2 lg:mb-6> Is this course right for me? /h3> p classtext-white text-lg lg:text-xl tracking-wide>This course is made for beginner to intermediate JavaScript developers. The expectation is that you have basic knowledge of JavaScript and HTML/CSS. Framework experience is encouraged but not required./p> /div>div> h3 classtext-2xl lg:text-4xl font-bold mb-2 lg:mb-6> What is your refund policy? /h3> p classtext-white text-lg lg:text-xl tracking-wide>We offer a 30-day money-back guarantee. If you are not satisfied with the course, you can request a refund within 30 days of purchase./p> /div>div> h3 classtext-2xl lg:text-4xl font-bold mb-2 lg:mb-6> Is there parity pricing available? /h3> p classtext-white text-lg lg:text-xl tracking-wide>Yes! We offer parity pricing. If the cost of this course is prohibitive in your country, please contact me for more information./p> /div>div> h3 classtext-2xl lg:text-4xl font-bold mb-2 lg:mb-6> Is there a student discount? /h3> p classtext-white text-lg lg:text-xl tracking-wide>Yes! We offer a 50% discount for students. Please send me an email from your university email or a picture of your student id./p> /div>div> h3 classtext-2xl lg:text-4xl font-bold mb-2 lg:mb-6> What if I need help during the course? /h3> p classtext-white text-lg lg:text-xl tracking-wide>By purchasing this course, you'll have access to a private Discord channel where you can ask questions and get help from the instructor and other students./p> /div>div> h3 classtext-2xl lg:text-4xl font-bold mb-2 lg:mb-6> What if I have more questions? /h3> p classtext-white text-lg lg:text-xl tracking-wide>If you have any questions that are not answered here, please contact me at me@jamesqquick.com./p> /div> /div> img src/_astro/astroIcon.Dd7ZPhlQ.svg classw-80% max-w-2xl absolute opacity-5 left-50% -translate-x-1/2 -top-10 altAstro Icon> /div> /section> section classbg-violet-950 bg-opacity-60 false text-white overflow-x-clip px-8 relative> div classmax-w-2xl mx-auto mb-20> /div> div classpy-20> div classflex content-center flex-col items-center mb-6> p classtext-lg mb-4>What are you waiting for?/p> a href#pricing class text-indigo-800 font-bold px-6 py-3 rounded-lg bg-white text-sm sm:text-xl hover:scale-105 transition-transform >Start learning today!/a> /div> p classtext-center opacity-80>Copyright. 2023 @jamesqquick/p> /div> /section> /main> /body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]