- 강의 다운로드
강의 내용
- 정지61. Quick Summary So Far and Upcoming Notice for this Section3분
- 시작62. Starter Code1분
- 재생63. How to deploy Storybook to Github and Chromatic8분
- 재생64. Automating Deployments to Storybook with CI Actions and Rebasing Merges10분
- 시작65. GITHUB ACTION CODE1분
- 재생66. Visual Testing with Regression in Components using Storybook8분
- 재생67. Conclusion and Congratulations!!5분
- 시작68. Taskbox Final Solution Code1분
학습 시간 일정 만들기
- 정보
- 스킬 수준: 모든 수준수강생: 1300언어: 영어자막: 예
- 강의: 68동영상: 총 8.5시간
- 인증서
전체 강의를 완료하여 Udemy 인증서를 받으세요
Udemy 인증서- 설명
Are you ready to take your Web Development to the next level? Look no further! In this comprehensive and in-depth Udemy course, you will embark on an immersive journey through the Storybook official documentation and the Taskbox example as the final project (made by Chromatic), equipping yourself with the knowledge and expertise to excel as a front end Javascript developer.
Master Frontend Web Development with Storybook: Zero to Hero - Code Along
Master the in-demand skill that sets top developers apart and transforms your workflow. This comprehensive, code-along course is your passport to UI development mastery with Storybook - the industry gold standard.
Why Storybook?
Used by thousands of top companies: Over 30,000 projects use Storybook. It powers frontend development for teams at Airbnb, Lyft, Slack, Twitter, NASA and thousands of more companies. It's used to build top design systems like Shopify Polaris, IBM Carbon, Salesforce Lightning, and the WordPress Gutenberg project.
Highly sought-after skill: Companies crave developers who can build and test beautiful, consistent UIs with Storybook. This course unlocks what high-paying job opportunities as frontend developers look for when it comes to mastering key testing and team frameworks.
Supercharge your development: Say goodbye to slow iteration cycles and inconsistent UIs. Storybook boosts efficiency, simplifies collaboration, and ensures pixel-perfect designs.
What makes this course different?
Official Storybook Tutorial + Hands-On Code-Alongs: We dive deep with the official tutorial, then take you step-by-step through real-world projects, building confidence and practical skills.
Go beyond the basics: We cover advanced concepts like Composite components, argTypes, mockData, service workers, asyncThunk, Playwright automations, fetches, and WCAG best practices.
Master React & Redux (Crash Courses Included): Get up to speed with these essential companion technologies to power your Storybook skills.
Build a quality portfolio project: Showcase your mastery with a fully-functional application built from scratch using the official Taskbox example as a foundation. We'll add exciting augmented features to make it truly shine.
Deployment & Automation mastery: Learn to confidently deploy your projects and automate tasks with GitHub,Chromatic, and Git push-triggered automation.
Testing that covers every corner: Write comprehensive tests for accessibility, functionality, and performance,ensuring rock-solid applications.
The Curriculum:
Storybook Foundations: Dive into the core concepts, setting up your environment, and writing your first stories.
React Crash Course: Get comfortable with React, the foundation of Storybook development.
Redux Crash Course: Understand state management with Redux, a powerful partner for Storybook.
Building Components with Storybook: Master component creation, composition, and testing, including accessibility best practices.
Advanced Techniques: Explore mockData, argTypes, service workers, asyncThunk, and Playwright automations.
Taskbox Mastery: Build the official Taskbox example from scratch, adding exciting new features.
Deployment & Automation: Learn to deploy to production with GitHub, Chromatic, and automated workflows.
Testing Strategies: Write unit, integration, and accessibility tests for bulletproof applications.
Portfolio Project: Build a stunning application to showcase your skills and land your dream job.
By the end of this course, you'll be:
A confident Storybook developer: Build beautiful, consistent UIs with unparalleled efficiency.
Industry-ready: Impress recruiters for high-paying UI development jobs.
A workflow master: Boost your productivity and collaborate seamlessly with designers and developers.
A creative force: Build stunning, pixel-perfect applications with cutting-edge features.
Don't just build UIs, master them. Enroll today and unlock your future as a top-tier UI developer!
Bonus: Additional resources, downloadable code samples, and a supportive community forum are included to accelerate your learning journey.
Invest in your skills, invest in your future. Enroll now and let Storybook take your career to the next level!
Course Image by Racool_studio on Freepik
배울 내용
- Master Storybook: Build stunning UIs, write robust tests, & impress recruiters with this in-demand skill.
- Go Code-Along Hero: Build a portfolio project & conquer advanced concepts like asyncThunk & Playwright!
- Deploy & Automate: Master GitHub, Chromatic, & push-triggered workflows for seamless development.
- Land Your Dream Job: Become an industry-ready UI developer with Storybook - the key to career success.
강의 요구 사항 또는 필요 조건이 있습니까?
- No programming experience needed. A fundamental understanding of Javascript is recommended and React + Redux Crash Course included free!
이 강의의 대상:
- Junior developers looking to build a strong foundation in Web Development and advance their Web Development skills.
- Intermediate web developers seeking to master Scalable Code and excel in high-level front end interviews.
- Senior web developers aiming to stay updated with modern concepts and industry requirements.
- 강사
Clarian NorthRenowned figure turned instructor
About Me
Clarian (the pseudonym of Maurice Knecht) is the instructor with recognized Web App development and Audio Tech industry achievements and the resume to back it. Some of his students have worked with some of the biggest and most reputable companies in the world from Universal, Amazon, The BBC...
CEO of Orbital - consultations and tech development worldwide including top 40 blockchain protocols amongst Solana and NEAR.
Holding a Bachelor's in Computer Science, the ITIL Foundation Certificate, the Harvard 6-month Program Certificate in Software Development for Web Programming, the LPI Linux Essentials Certificate, and the Harvard Online CS50 Verified Certificate from edX, Clarian is passionate about DOM manipulation, generation, and virtualization such as React and Next.js, and is constantly expanding his skill set to stay ahead of the curve.
Over 100,000 enrollments on highest rated and multiple best selling Web Development Programming courses (Redux, React, Solidity, Storybook, Modern JavaScript Web Essentials, Express, MongoDB, Firebase, Kubeflow, Next) and training modules worldwide including subscriptions to top businesses. Trained over 4000 engineers from top companies worldwide including enrollments from Google and Amazon developers and contractors.
International work experience from New York to Berlin, Clarian (alias of Maurice Knecht) has contributed to a number of viral streams and grown a unique digital imprint in over 80 countries world wide.
Clarian has numerous publications in computer science with a focus on JavaScript frameworks and libraries including AI Application development with Safari O'Reilly and Packt Publishing as well as Udemy For Business.
Clarian has been featured in Rolling Stone, Billboard, Guardian, Yahoo Finance, Bloomberg, Clash, Broadway, New York & Vulture, Vice among many others as an innovator and trailblazer in both audio engineering and technology.
Having taken a signature approach to production design which has launched and contributed to multiple independent and major outfits and projects, Clarian has worked and contributed for world leading brands from Universal to Emirates, ambisonic cutting edge VR interoperability for Guy Laliberte's PY1 and his own EPs have been featured on namestay labels such as Kompakt, based In Germany.
In addition to his work as a front end software developer and tech project leader, Clarian has worked as a head engineer (mixing and mastering) and co-producer (writing and arranging) for majors, indies, and international publishing houses including working with Grammy and Juno nominated artists and Award Winning Productions. A few contributions of note include mixing for the likes of Emirates Airline Inflight Radio, cutting edge production performances such as the VR PY1 for Circle De Soleil’s Guy Laliberte, as well as producing, mixing and mastering for Germany’s infamous cutting edge Kompakt Records.
His own studio and sound architecture designs have been extensively featured and acclaimed by world leading audio journals such as Future Music and Mixmag as well as his own independent following of audio productions streaming organically in the tens of millions. Now on hiatus from performing and contracting at some of the biggest festivals in the world for over a decade, Clarian has compiled everything he’s learned about Audio Production, to teach producers the skills they need and get them on that path to amazing career opportunities and breaking those barriers to truly level up and start finishing their projects and productions they were stuck on.
Being self taught in many respects of the trade, Clarian gained success with zero budget to begin with, and spent years on his own interning and moonlighting at professional spaces, going through the grind of frustrations struggling to obtain the quality of production eventually gaining international notoriety for projects made on with nothing but a computer and headphones distributed to hundreds of thousands of listeners.
Having obtained invaluable lessons from working with top Tech and Entertainment companies, renowned artists and festivals from Europe to Asia, and his own projects such as Ambient Field Recording Expeditions throughout Africa to Synth Pop projects featured from Rolling Stones Magazine to the Guardian, Clarian has been investing his time and energy to sharing his skill set and teaching others so that they can see their true potential on their journey to discovering the endless possibilities of modern Sound Production at our very fingertips in the comfort of their homes.
Clarian is dedicated to giving you the most accessible and comprehensive courses out there in tech, regardless your skill level or finance situation, and teach complex subject matter with clear and example based explanations. His philosophy is that it’s not the tools that take you to the top, but by learning why and how to use these tools from the ground up all while connecting the dots along the way, is the true way to mastering a craft. The potential of how much you can learn and accomplish is unlimited and much more exchangeable by learning with this approach.
Clarian’s lessons will guide you through complex subjects and techniques with just your computer and free software, and provide clear and simple breakdowns to elevate your skill set and ability to finish projects with the best technology and techniques out there.