Converting Webflow into Angular (2 thru 8) using FreeFormJS

Converting Webflow into Angular (2 thru 8) using FreeFormJS, available at $34.99, has an average rating of 3.65, with 46 lectures, 9 quizzes, based on 12 reviews, and has 61 subscribers.

You will learn about At the end of the course, students will be able to convert HTML/CSS files generated by Webflow into Angular 5 CLI (formerly Angular 2 CLI) format almost instantaneously. This course is ideal for individuals who are Anyone who wants to edit HTML and CSS using a WYSIWYG editor for use with Angular 5 CLI (formerly Angular 5) via Webflow. It is particularly useful for Anyone who wants to edit HTML and CSS using a WYSIWYG editor for use with Angular 5 CLI (formerly Angular 5) via Webflow.

Enroll now: Converting Webflow into Angular (2 thru 8) using FreeFormJS

Summary

Title: Converting Webflow into Angular (2 thru 8) using FreeFormJS

Price: $34.99

Average Rating: 3.65

Number of Lectures: 46

Number of Quizzes: 9

Number of Published Lectures: 46

Number of Published Quizzes: 9

Number of Curriculum Items: 55

Number of Published Curriculum Objects: 55

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

At the end of the course, students will be able to convert HTML/CSS files generated by Webflow into Angular 5 CLI (formerly Angular 2 CLI) format almost instantaneously.

Who Should Attend

Anyone who wants to edit HTML and CSS using a WYSIWYG editor for use with Angular 5 CLI (formerly Angular 5) via Webflow.

Target Audiences

Anyone who wants to edit HTML and CSS using a WYSIWYG editor for use with Angular 5 CLI (formerly Angular 5) via Webflow.

The problem we are solving is the ability to edit HTML web pages and CSS style sheets quickly and easily specifically for Google’s Angular (formerly Angular 2) projects without having to edit HTML and CSS files manually. The Bootstrap-based Webflow website provides a WYSIWYG alternative over pure Bootstrap for Angular developers. FreeFormJS provides a method of converting Webflow projects into Angular format quickly and easily. �

This is not a course on how to develop websites or mobile apps using the Angular framework nor is it a course on how to use the Webflow online editor. Some basic functionality will be explained but it is assumed that the student is familiar or will become familiar with both Angular and Webflow separate from this course. This course will provide excellent references for both Angular and Webflow for those people wishing to learn those technologies in cooperation with this course.

This course is for anyone who wants a simpler method of editing HTML and CSS files without having to resort to learning a whole new framework (such as Bootstrap) or spend a lot of time editing HTML and CSS files directly.

Also, this is the first version of the course. It is going to be needing some refinements which are expected over time. We hope that you will be able to quickly learn how to use FreeFormJS and be able to benefit from its time-saving capabilities. We hope that you benefit greatly from what we have developed inside this product. It really does make web development a lot easier having a smooth transition from a WYSIWYG editor straight into an Angular project.

Course Curriculum

Chapter 1: Introduction to FreeFormJS

Lecture 1: Introduction

Lecture 2: A Brief History of the Universe (The FreeFormJS Universe)

Lecture 3: Overview of this course

Lecture 4: Course Content

Chapter 2: Angular 2 and how it relates to FreeFormJS

Lecture 1: Overview of Angular 2

Lecture 2: Overview of NodeJS

Lecture 3: How to install NodeJS

Lecture 4: How to install Angular 2

Lecture 5: How to setup an Angular 2 project

Lecture 6: How to run your server locally in Angular 2 developer mode

Chapter 3: Webflow and how it relates to FreeFormJS

Lecture 1: Overview of Webflow

Lecture 2: How to create a Webflow account

Lecture 3: How to setup a Webflow project

Lecture 4: How to find help on Webflow

Lecture 5: How to Code Export your Webflow project

Chapter 4: WebStorm and how it relates to FreeFormJS

Lecture 1: Overview of WebStorm

Lecture 2: How to install WebStorm

Chapter 5: Visual Studio Code and how it relates to FreeFormJS

Lecture 1: Overview of Visual Studio Code

Lecture 2: How to install Visual Studio Code

Chapter 6: FreeFormJS

Lecture 1: Overview of FreeFormJS

Lecture 2: How to create a FreeFormJS account

Lecture 3: How to Convert your Webflow project into an Angular 2 project

Lecture 4: How to Update your Angular 2 project with your latest Webflow project

Lecture 5: How to set parameters for project conversion

Lecture 6: How to set parameters for a project update

Lecture 7: Where to find help on FreeFormJS

Chapter 7: ng-monitor

Lecture 1: Overview of ng-monitor

Lecture 2: How to install ng-monitor

Lecture 3: How to use ng-monitor (part 1)

Lecture 4: How to use ng-monitor (part 2)

Chapter 8: HTML Editing with Webflow, Angular 2 and FreeFormJS

Lecture 1: Overview of HTML Editing with Webflow, Angular 2 and FreeFormJS

Lecture 2: How to preserve Angular 2 custom attributes between Webflow updates (part 1)

Lecture 3: How to preserve Angular 2 custom attributes between Webflow updates (part 2)

Lecture 4: How to embed Angular 2 style properties inside Webflow

Chapter 9: Webflow Symbols as Angular 2 Components

Lecture 1: Overview of Webflow Symbols

Lecture 2: How to convert a Webflow Symbol into an Angular 2 Component

Lecture 3: How to manage multiple ng-symbols

Chapter 10: Angular 2 Basic Routing and FreeFormJS

Lecture 1: Overview of Angular 2's Basic Routing

Lecture 2: Overview of Angular 2's Basic Routing main components

Lecture 3: Overview of ng-router

Lecture 4: Overview of app-routing.module.ts

Lecture 5: How to override FreeFormJS's support for Angular 2's Basic Routing

Lecture 6: Webflow project Refactoring Exercise

Chapter 11: Webflow Extensions

Lecture 1: Overview of Webflow Extensions

Lecture 2: Setting up a Webflow Extensions project in Webflow

Lecture 3: How to use Webflow Extensions in your Angular 2 project

Instructors

Perry Anderson
IT Consultant at ExPARX, Inc.

Rating Distribution

1 stars: 3 votes
2 stars: 1 votes
3 stars: 1 votes
4 stars: 3 votes
5 stars: 4 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu