pro

pro

Watch User Created Playlist (18)

This playlist is user created.

pro-course-rss-logo

PRO RSS Feed

CSS Display Property: Block, Inline-Block, and Inline

P

Javascript Regular Expressions: Match the Start and End of a Line

P

CSS :not Selector

P

Javascript Regular Expressions: Find Repeated Patterns

P

Javascript Regular Expressions: Find Plain Text Patterns

P

Javascript Regular Expressions: Find Sets of Characters

P

Javascript Regular Expressions: Use Shorthand to Find Common Sets of Characters

P

Javascript Regular Expressions: Find Groups of Characters

P

Javascript Regular Expressions: Find a String that Precedes Another String

P

Javascript Regular Expressions: Find the Start and End of Whole Words

P

Javascript Regular Expressions: Match the Same String Twice

P

Create Modals with Ionic

P

Build, Emulate, and Debug an Ionic App

P

Convert a Web Application into an Ionic App

P

Build a Sidebar Layout with Ionic

P

Device Interaction in an Ionic App with Cordova Plugins

P

Prepare an Ionic App for Ionic Components and Styling

P

Build a Powerful List with Ionic

P
css tutorial about CSS Display Property: Block, Inline-Block, and Inline

CSS Display Property: Block, Inline-Block, and Inline

2:51 css PRO

Understanding the most common CSS display types of block, inline-block, and inline will allow you to get the most out of your HTML and use CSS Frameworks like Bootstrap to their fullest.

js tutorial about Javascript Regular Expressions: Match the Start and End of a Line

Javascript Regular Expressions: Match the Start and End of a Line

3:19 js PRO

We can identify the start and end of a line using Line Anchors. When dealing with multiple line matches we can utilize the multiline regular expression flag.

css tutorial about CSS :not Selector

CSS :not Selector

0:53 css PRO

The CSS :not() selector allows us to exclude a subset of elements matched by our selector. In this example we refactor two selectors down to one using the CSS :not() selector.

js tutorial about Javascript Regular Expressions: Find Repeated Patterns

Javascript Regular Expressions: Find Repeated Patterns

3:53 js PRO

Regular Expression Quantifiers allow us to identify a repeating sequence of characters of minimum and maximum lengths. In this lesson we'll use Regular Expression Quantifiers to match repeated patterns, common Quantifier patterns, and using shorthand for those common Quantifier patterns.

js tutorial about Javascript Regular Expressions: Find Plain Text Patterns

Javascript Regular Expressions: Find Plain Text Patterns

2:29 js PRO

The simplest use of Regular Expressions is to find a plain text pattern. In this lesson we'll look at at finding plain text patterns as well as using the metacharacter "." and how to escape a metacharacter.

js tutorial about Javascript Regular Expressions: Find Sets of Characters

Javascript Regular Expressions: Find Sets of Characters

2:41 js PRO

Regular Expression Character Classes define a group of characters we can use in conjunction with quantifiers.

js tutorial about Javascript Regular Expressions: Use Shorthand to Find Common Sets of Characters

Javascript Regular Expressions: Use Shorthand to Find Common Sets of Characters

1:42 js PRO

In this lesson we'll learn shorthands for common character classes as well as their negated forms.

js tutorial about Javascript Regular Expressions: Find Groups of Characters

Javascript Regular Expressions: Find Groups of Characters

4:35 js PRO

In this lesson we'll capture groups of characters we wish to match, use quantifiers with those groups, and use references to those groups in String.prototype.replace.

js tutorial about Javascript Regular Expressions: Find a String that Precedes Another String

Javascript Regular Expressions: Find a String that Precedes Another String

1:27 js PRO

Lookaheads allow us to match a pattern followed by another pattern without including the second pattern in our match.

js tutorial about Javascript Regular Expressions: Find the Start and End of Whole Words

Javascript Regular Expressions: Find the Start and End of Whole Words

2:18 js PRO

Regular Expression Word Boundaries allow to perform "whole word only" searches within our source string.

js tutorial about Javascript Regular Expressions: Match the Same String Twice

Javascript Regular Expressions: Match the Same String Twice

3:31 js PRO

Regular Expression Backreferences provide us a method to match a previously captured pattern a second time.

angularjs tutorial about Create Modals with Ionic

Create Modals with Ionic

14:11 angularjs PRO

In this lesson, we learn how to build modals in Ionic. We use the ion-modal-view directive to wrap our “create” and “edit” forms with modal goodness, as well as use the ion-header-bar directive to put a nice bar at the top of our forms. Finally, we use the $ionicModal service to give life to our modals by integrating them with our controllers.

angularjs tutorial about Build, Emulate, and Debug an Ionic App

Build, Emulate, and Debug an Ionic App

2:53 angularjs PRO

In this lesson, we are going to build an Ionic app for the iOS platform, and then emulate iOS on our computer. We are going to cover some important command-line options when emulating an Ionic application. We will then see how these options play a critical role in debugging our applications.

angularjs tutorial about Convert a Web Application into an Ionic App

Convert a Web Application into an Ionic App

2:24 angularjs PRO

In this lesson, we are going to demonstrate how easy it is to copy existing Angular code into an Ionic app. It is literally as simple as removing unnecessary code from the Ionic app and pasting in the guts of our Angular application. Along the way, we will update some dependencies and discover a gotcha for including assets from a CDN.

angularjs tutorial about Build a Sidebar Layout with Ionic

Build a Sidebar Layout with Ionic

8:49 angularjs PRO

In this lesson, we learn how to build a sidebar layout using only Ionic directives. Ionic provides some powerful functionality with very few semantics. Here are all the directives we will learn about:
- ion-side-menus - A container element for side menu(s) and the main visible content.
- ion-side-menu-content - A container for the main visible content, sibling to one or more ionSideMenu directives.
- ion-side-menu - A container for a side menu, sibling to an ionSideMenuContent directive.
- ion-nav-view - Used to render templates in your application. Each template
is part of a state. States are usually mapped to a url, and are defined programatically
using angular-ui-router (see their docs for reference).
- ion-view - A container for view content and any navigational and header bar information. Used as a child of ionNavView.
- ion-nav-bar - If we have an ionNavView directive, we can also create an
ionNavBar, which will create a topbar that updates as the application state changes.
- ion-nav-buttons - Use nav buttons to set the buttons on your ionNavBar
from within an ionView.
- ion-content- Provides an easy to use content area that can be configured
to use Ionic’s custom Scroll View, or the built in overflow scrolling of the browser.
- ion-list - The List is a widely used interface element in almost any mobile app, and can include
content ranging from basic text all the way to buttons, toggles, icons, and thumbnails.
- ion-item - Used to create items inside of an ionList.

angularjs tutorial about Device Interaction in an Ionic App with Cordova Plugins

Device Interaction in an Ionic App with Cordova Plugins

4:59 angularjs PRO

In this lesson, we are going to learn how to interact with native components through Cordova plugins. We will walk through how to add a Cordova plugin to our application and use it to interact with our native device. In this case, we are going to install a plugin that will allow us to open URLs in a mobile browser from within our Ionic app.

  • item
  • item
angularjs tutorial about Prepare an Ionic App for Ionic Components and Styling

Prepare an Ionic App for Ionic Components and Styling

2:12 angularjs PRO

In this lesson, we are going to include the necessary assets for the functionality and styles of the Ionic directives we will include in our app.

angularjs tutorial about Build a Powerful List with Ionic

Build a Powerful List with Ionic

12:38 angularjs PRO

In this lesson, we are going to dig into Ionic lists and make use of some awesome list features that Ionic gives us for free. We are going to learn how to use the following Ionic directives:

  • ion-nav-buttons - Use nav buttons to set the buttons on your ionNavBar.
  • ion-list - The List is a widely used interface element in almost any mobile app, and can include content ranging from basic text all the way to buttons, toggles, icons, and thumbnails.
  • ion-item- Used to create items inside of an ionList.
  • ion-delete-button - A child of ionItem, this element allows a developer to show/hide a delete button within an ionItem with ease.
  • ion-reorder-button - A child of ionItem, this element allows a developer to reorder an ionItem within a list easily.
HEY, QUICK QUESTION!
Joel's Head
Why are we asking?