Headless applications use content management systems like WordPress as data resources and present the data independently. In this course, Morten Rand-Henriksen shows how to build these data-driven front-end applications on top of the WordPress REST API. Follow along with the evolution of the course project, Task Book, a standalone app using WordPress REST API to receive and send data using authenticated requests over OAuth2, as Morten explains key concepts and techniques. Find out how to build a basic plugin to add new content types, roles, capabilities, and fields to WordPress and the REST API; set up authentication with OAuth2; and configure the headless app logic with JavaScript. Plus, find out how to display task data and generate simple charts using the Chart.js library.

Instructor

Morten Rand-Hendriksen
Instructor, educator, speaker at LinkedIn Learning, helping people master WordPress, the web, and online communication.
Morten Rand-Hendriksen is a web designer and developer.

Morten has a passion for clean design, standards-based code, and open-source software like WordPress. He has published several books, articles, and videos on these topics and is a popular speaker at conferences. Running a small boutique-style digital media company, he divides his time evenly between building web solutions and teaching others how to do things right and get the most out of the web. Morten grew up in Norway and made Canada his home in 2002.

Video Details

• Full Video Tutorials
• Video File Format: MP4
• Instructor: Morten Rand-Hendriksen

The post Building a Headless WordPress App with REST API appeared first on EASY Digital Pro.

Based on old-school typography blocks, the CSS box model is the key to modern web design. Once you master it, you can build any layout you want—and troubleshoot most of the common CSS alignment and positioning woes. In this course, Morten Rand-Hendriksen offers a “four course meal” approach to the CSS box model, breaking it down into easily digestible chunks. He covers techniques such as styling text and images, floating content, using display properties, and positioning elements. He also explores the brave new world of modern layout modules, discussing Float, Flex, and Grid and how they can work together. Each lesson is supported by real-world demonstrations of the concepts in action, and Morten closes with a “nightcap” that will get you thinking about going further with CSS.

Topics include:

• Designing with boxes
• The origin of the box in typography
• What is the CSS box model?
• Changing the contents within the box
• Floating and clearing content
• Using the clearfix
• Working with Float, Flex, and Grid
• CSS shapes

About the Author

Morten Rand-Hendriksen is a web designer and developer.

Morten has a passion for clean design, standards-based code, and open-source software like WordPress. He has published several books, articles, and videos on these topics and is a popular speaker at conferences. Running a small boutique-style digital media company, he divides his time evenly between building web solutions and teaching others how to do things right and get the most out of the web. Morten grew up in Norway and made Canada his home in 2002.

Product Details

• Full Video Tutorials
• Video File Format: MP4
• Skill Level: Beginner
• Video Duration: 1h 11m
• Instructor: Morten Rand-Hendriksen

The post Making Sense of the CSS Box Model appeared first on EASY Digital Pro.

As sites and apps grow ever more intricate, stylesheets frequently grow by gradual accumulation—things get added and things get adjusted, resulting in stylesheets becoming unnecessarily complicated. Refactoring CSS is different from refactoring typical programming languages, with a different set of priorities and tools. In this course, learn how make stylesheets leaner while maintaining the stylesheet’s power. Find out how to optimize new and legacy stylesheets. First, Morten Rand-Hendriksen explains the goal of refactoring—to rewrite CSS to simplify, improve, and optimize the code without changing its behavior. Then he covers tools like nmp, stylelint, Prettier, Visual Studio Code, Purgecss, and Gulp. He also shows a practical example of how to fix and reformat a stylesheet, followed by sharing best practices and demonstrating how to clean code via automation.

Topics include:

• CSS optimization
• Refactoring many stylesheets
• Structuring CSS
• Reordering properties automatically
• Fixing errors
• Ignoring warnings
• Auditing stylesheets with Chrome
• Quarantining unused code
• Modularizing CSS
• Using task runners
• Optimizing CSS for delivery

About the Author

Morten Rand-Hendriksen is a web designer and developer.

Morten has a passion for clean design, standards-based code, and open-source software like WordPress. He has published several books, articles, and videos on these topics and is a popular speaker at conferences. Running a small boutique-style digital media company, he divides his time evenly between building web solutions and teaching others how to do things right and get the most out of the web. Morten grew up in Norway and made Canada his home in 2002.

Video Details

• Full Video Tutorials
• Video File Format: MP4
• Skill Level: Intermediate
• Video Duration: 1h 38m
• Instructor: Morten Rand-Hendriksen

The post CSS: Refactoring Style Sheets appeared first on EASY Digital Pro.

The CSS Flexible Box Layout module (aka Flexbox) provides a simple solution to many of the design and layout problems web designers and developers have faced since the advent of CSS. Now that the module is becoming ready for the main stage, it’s time to look at what we can do with it.

This course shows how to use flexible boxes to create advanced responsive layouts. Morten Rand-Hendriksen takes the viewer on a tour of Flexbox and provides actionable code snippets that can be implemented safely in almost any website. He puts it all together in a holy grail site complete with card-based layout, mixed content menus, and interactive components that provide visitors with choices about what they see.

Topics include:

• Creating Flexbox-powered menus
• Building a responsive card layout
• Marking up and styling the holy grail layout
• Changing displays
• Showing and hiding the sidebar
• Animating content

About the Author

Morten Rand-Hendriksen is a web designer and developer.

Morten has a passion for clean design, standards-based code, and open-source software like WordPress. He has published several books, articles, and videos on these topics and is a popular speaker at conferences. Running a small boutique-style digital media company, he divides his time evenly between building web solutions and teaching others how to do things right and get the most out of the web. Morten grew up in Norway and made Canada his home in 2002.

Product Details

• Full Video Tutorials
• Video File Format: MP4
• Skill Level: Intermediate
• Video Duration: 1h 48m
• Instructor: Morten Rand-Hendriksen

The post Advanced Responsive Layouts with CSS Flexbox appeared first on EASY Digital Pro.

Developers can interact remotely with a WordPress site from a client-side or external application by using the WordPress REST API. Using JSON objects, this API allows you to create and send content to a site, request information from a site, update existing content, and even create single-page applications on top of WordPress. In this course, instructor Morten Rand-Hendriksen takes a detailed look at the WordPress REST API, explaining what it is and how you can use it to build experiences both inside WordPress and in standalone third-party apps.

Morten begins by providing an in-depth look at how the REST API works, discussing how it allows clients to access the data in a WordPress site without going to the WordPress site itself. He demonstrates the use of routes, endpoints, requests, responses, and more. Plus, he provides several practical examples of how the WordPress REST API can be used in the real world.

About the Author

Morten Rand-Hendriksen is a web designer and developer. Morten has a passion for clean design, standards-based code, and open-source software like WordPress. He has published several books, articles, and videos on these topics and is a popular speaker at conferences. Running a small boutique-style digital media company, he divides his time evenly between building web solutions and teaching others how to do things right and get the most out of the web. Morten grew up in Norway and made Canada his home in 2002.

Product Details

• Full Video Tutorials
• Video File Format: MP4
• Skill Level: Intermediate
• Video Duration: 2h 7m
• Instructor: Morten Rand-Hendriksen

The post WordPress: REST API appeared first on EASY Digital Pro.

Using Shopify, you don’t need any technical expertise to sell your products or services online. And with Shopify’s Widgets app, you can integrate a Shopify store into an existing WordPress site and make it an automatic ecommerce platform. Morten Rand-Hendriksen shows how to leverage the powers of the self- hosted versions of WordPress and Shopify in one clean and functional package. After reviewing the install process, Morten shows how to start adding products to your site with the three different Shopify widgets. He’ll also show a workflow for importing existing Shopify products into WordPress, and create a custom template for displaying product details.

About the Author

Morten Rand-Hendriksen is a web designer and developer. Morten has a passion for clean design, standards-based code, and open-source software like WordPress. He has published several books, articles, and videos on these topics and is a popular speaker at conferences. Running a small boutique-style digital media company, he divides his time evenly between building web solutions and teaching others how to do things right and get the most out of the web. Morten grew up in Norway and made Canada his home in 2002.

Product Details

• Full Video Tutorials
• Video File Format: MP4
• Instructor: Morten Rand-Hendriksen

The post WordPress Ecommerce Integrating Shopify appeared first on EASY Digital Pro.

This course was created by Morten Rand-Hendriksen. This course is 43 minutes 54 seconds long. This course can helps you to learn and improve your skills in CMS, Blogs, Web, Web Design and Web Development.

Want to build a website, without all the work? Do it yourself (DIY) with WordPress. This course help you set up WordPress, Choose a web host and connect to it via FTP, download and install WordPress, connect to a database, and make your first post. Author Morten Rand-Hendriksen walks you through the first steps to creating and maintaining your very own WordPress website.

About the Author

Morten Rand-Hendriksen is a web designer and developer. Morten has a passion for clean design, standards-based code, and open-source software like WordPress. He has published several books, articles, and videos on these topics and is a popular speaker at conferences. Running a small boutique-style digital media company, he divides his time evenly between building web solutions and teaching others how to do things right and get the most out of the web. Morten grew up in Norway and made Canada his home in 2002.

Product Details

• Full Video Tutorials
• Video File Format: MP4
• Video Duration: 43m 54s
• Instructor: Morten Rand-Hendriksen

The post WordPress DIY Setting Up WordPress appeared first on EASY Digital Pro.

Beautiful typefaces shouldn’t be restricted to print. Web fonts make a wide range of typography accessible to web designers and developers too. This course offers a coding strategy for integrating web fonts into your WordPress themes, from services including Google Fonts and Adobe Edge Web Fonts. Staff author Morten Rand-Hendriksen also shows how to generate and apply a custom self-hosted font with Font Squirrel’s font kit.

About the Author

Morten Rand-Hendriksen is a web designer and developer. Morten has a passion for clean design, standards-based code, and open-source software like WordPress. He has published several books, articles, and videos on these topics and is a popular speaker at conferences. Running a small boutique-style digital media company, he divides his time evenly between building web solutions and teaching others how to do things right and get the most out of the web. Morten grew up in Norway and made Canada his home in 2002.

Product Details

• Full Video Tutorials
• Video File Format: MP4
• Skill Level: Advanced
• Video Duration: 0h 57m
• Instructor: Morten Rand-Hendriksen

The post WordPress Developer Tips: Using Custom Web Fonts appeared first on EASY Digital Pro.

There’s a right way and a wrong way to add style sheets and JavaScript libraries and scripts to your WordPress themes. The right way takes advantage of the WordPress enqueue system, which prevents script and style conflicts. In this installment of WordPress Developer Tips, staff author Morten Rand-Hendriksen introduces the two main functions for enqueuing: wp_enqueue_style() and wp_enqueue_script(0). He’ll show how the functions work and how to adjust their parameters, as well as theoretical and practical examples of implementing them in themes. This course uses Simone, a theme developed especially for Morten’s WordPress: Building Themes from Scratch Using Underscores course, but you can use any theme or subtheme that you’d like.

About the Author

Morten Rand-Hendriksen is a web designer and developer. Morten has a passion for clean design, standards-based code, and open-source software like WordPress. He has published several books, articles, and videos on these topics and is a popular speaker at conferences. Running a small boutique-style digital media company, he divides his time evenly between building web solutions and teaching others how to do things right and get the most out of the web. Morten grew up in Norway and made Canada his home in 2002.

Video Details

• Full Video Tutorials
• Video File Format: MP4
• Skill Level: Beginner
• Video Duration: 0h 38m
• Instructor: Morten Rand-Hendriksen

The post WordPress Developer Tips Enqueuing Styles and Scripts appeared first on EASY Digital Pro.

With all the web design software available, why would you design in the browser? We are living in a brave new world of responsive design. Websites can be read on mobile devices, tablets, desktops, and even on the smart watches on our wrists. Most static web design tools don’t account for that. The browser is an endless, flexible canvas. It’s a natural place to code, and its dynamic design surface and instant feedback allows for more responsive web designs.

In this course, Morten Rand-Hendriksen explains his approach to designing in the browser, which starts well before he even starts coding. He shows how to define the layout on paper and create a “language” for the site, and then builds a baseline document with HTML5. Then he uses CSS to guide the look of the site and the layout, using media queries and Flexbox to add responsive behaviors. In chapter 3, Morten improves the site’s interactivity using CSS transitions and transforms. Finally, he reveals how to use these techniques to build WordPress themes in the browser.

Each step involves design strategies, best practices, and actual code examples that will turn the web browser into your new favorite design tool.

Topics include:

• Use the browser as a design canvas
• Draft layouts with pen and paper
• Modularizing the design
• Create a baseline document with HTML5
• Create responsive layouts with Flexbox
• Applying CSS transitions and transforms
• Building WordPress themes in the browser

About the Author

Morten Rand-Hendriksen is a web designer and developer. Morten has a passion for clean design, standards-based code, and open-source software like WordPress. He has published several books, articles, and videos on these topics and is a popular speaker at conferences. Running a small boutique-style digital media company, he divides his time evenly between building web solutions and teaching others how to do things right and get the most out of the web. Morten grew up in Norway and made Canada his home in 2002.

Product Details

• Full Video Tutorials
• Video File Format: MP4
• Skill Level: Intermediate
• Video Duration: 1h 51m
• Instructor: Morten Rand-Hendriksen

The post WordPress Building Responsive Themes appeared first on EASY Digital Pro.