Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ Microsoft AZ-900
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ Unreal Engine Blueprints 2D Game Development Blender
30-Day Money-Back Guarantee

This course includes:

  • 2 hours on-demand video
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
Development Programming Languages JavaScript

Hands-On Web Development with Hyperapp V2

Create a JavaScript front end with the help of Hyperapp 2.0
Rating: 4.5 out of 54.5 (9 ratings)
48 students
Created by Packt Publishing
Last updated 12/2019
English
English
30-Day Money-Back Guarantee

What you'll learn

  • Modern HA2 web application development from scratch
  • Data-driven front-end development
  • Front-end testing
  • How to break down complex front-end problems into simple steps
  • The benefits of isolating side-effects in your code

Course content

6 sections • 24 lectures • 1h 57m total length

  • Preview04:11
  • What Is Hyperapp 2?
    03:44
  • Installing Hyperapp 2
    05:15

  • Preview04:59
  • Separate Components
    04:59
  • Higher-Order Components
    04:34
  • Adding End-to-End Tests
    06:31
  • Adding Unit Tests
    05:31
  • Test Your Knowledge
    5 questions

  • Preview04:24
  • Fetching Data with Effects
    05:32
  • Testing Our Actions and Effects
    04:51
  • Chaining Actions and Effects
    04:11
  • Test Your Knowledge
    5 questions

  • Introducing Subscriptions
    03:24
  • Add Subscriptions
    04:54
  • Subscription Life Cycle
    03:43
  • The Anatomy of a Subscription
    05:16
  • Test Your Knowledge
    5 questions

  • Picking Our Router
    02:46
  • Syncing the Router State
    04:41
  • Executing Actions on Routing
    05:02
  • Simple Router from Scratch
    07:11
  • Test Your Knowledge
    5 questions

  • Memoizing Components with Lazy
    04:15
  • Using Hyperapp with JSX
    06:53
  • Integrating Third-Party UI Elements
    04:06
  • Integrating with Other Frameworks
    07:00
  • Test Your Knowledge
    5 questions

Requirements

  • Basic knowledge of JavaScript and functional programming is assumed.

Description

The main problems for developers of modern front ends are the number of concepts, managing side-effects, and bringing in large dependencies. These problems can make it seem impossible to get your application from the drawing board into the hands of customers.

Reviewed by Jorge Bucaran, the creator of Hyperapp, this course will help you get started with Hyperapp 2.0 (or Hyperapp V2) to create web applications. This is an engaging course where all concepts are explained with the help of practical examples. Beginning with an overview of the Hyperapp 2.0 (V2) micro-framework, with the help of practical examples, you’ll understand its straightforward API and functionalities.

After building your app architecture, you’ll start building your real-world JavaScript application with Hyperapp 2. You’ll manage states with built-in state management in Hyperapp 2 and use virtual DOM, which is essential for developing modern web applications. We’ll also cover the new features introduced in Hyperapp 2 and how they can help you improve web development You’ll also learn to maintain your code easily in Hyperapp.

By the end of the course, you will be well-versed in using the simple but easy Hyperapp 2 (or Hyperapp V2) to develop web applications.

About the Author

Alex Barry is a hobbyist developer since 2001 and professional since 2010. He has a strong interest in building smart and testable applications and mentoring and assisting his colleagues. You can usually find him in a crowd by spotting his cliché unkempt beard and carrying around a very dark and very black coffee. When he is not programming, we can find him hanging out with his wife, playing with his retired service dog Harley, or working on projects around his house.

Who this course is for:

  • This course is for JavaScript developers who may be new to web development or have used other JavaScript frameworks like React and want to use the simplicity of Hyperapp 2.0 to build web apps.

Instructor

Packt Publishing
Tech Knowledge in Motion
Packt Publishing
  • 3.9 Instructor Rating
  • 56,812 Reviews
  • 345,245 Students
  • 1,423 Courses

Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.

From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.



  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.