Build Amazing Websites with No Coding | Editor X Masterclass

Build Responsive Websites to fit various different screens sizes, without Coding! Using an Advanced Editor X platform.

4.65 (144 reviews)
Udemy
platform
English
language
No-Code Development
category
1,132
students
8.5 hours
content
Aug 2021
last update
$59.99
regular price

What you will learn

How to build a website

Build a website without Coding

Responsive Websites 100%

Design Website for Mobile, Tablet and Desktop

Drag & Drop experience

Complete Editor X Guidance

How to create a project on Editor X

Learn about Editor X Canvas and Interface

Learn more about Breakpoints

Keyboard Shortcuts to speed up your workflow

Premade Components - Compositions

Apply Color palette and Typography to your project

Adding Containers/Empty Boxes

Working with Grids

Stacking and Grouping multiple elements

Flexbox technology

Layout Tools

CSS Grids Tools

Repeaters

Layouters

Lightboxes

Text and Buttons

Input Fields

Menus

Media and Gallery

Vectors

Icons

Images

GIFs

Videos

Create custom Forms

Contact Forms

Social Bar

Masters - Single Component in multiple places

App Market - Install Apps on your Website

Roles, Permissions and Comments

Hover Interactions

Animations

Content Manager

Work with Backend

Database

Collections

Dataset Modes

Receive message from the contact form

Respond to your visitors

Schedule Email Campaign

Create Email Template

Display Data on the website from the Backend

Dynamic Pages

How to add Members area App

How to add Blog App

How to add Events App

How to add Online Store App

How to add Video App

How to add Groups App

Create your own website from Scratch!

And more!

Description

Hello there and welcome to my new course! This course is sponsored by Editor X.

For those of you who are not familiar with Editor X, Editor X is basically a web application or an advanced creation platform for designers and web professionals. Editor X combines cutting edge responsive design with relatively easy and smooth drag and drop experience. With Editor X you can design and build almost any website you imagine. It's possible to design and build beautiful websites without any experience with Web development whatsoever!

Editor X allows you to build fully responsive websites that automatically scale to any screen size or device they are being viewed on to deliver the  best user experience. Using the latest design technology like flexible grids, layouts, fluid sizing and breakpoint customization, you can ensure that your site looks exactly how you want on various different screen sizes.

Also Editor X has quite clean and intuitive interface which will allow us to easily navigate between many different tools, features, categories, panels and that way keep our focus primarily on building our website.


Now we are going to start this course by completely introducing with almost every Editor X tool and feature. You'll get familiar with it's design interface, canvas, shortcuts, compositions and all other components which are essential for one website to be responsive and good looking.

You'll see in action how Flexbox technology can help us apply responsiveness to our website. Flexbox is a CSS container created around elements to ensure they're automatically arranged depending on screen size. It's a helpful tool in responsive design that prevents things from getting messy, like when elements overlap or change their order. The most useful Flexbox technology tools are Layouters and Repeaters. They will automatically adjust your content to every screen size without even thinking about breakpoints.


After that I will introduce you to the Content Manager. And it's main purpose is to act as a database on the backend. With content manager we can create something that's called a collection, and a collection is basically a data table which can contain different types of information in the form of rows and columns. There we can put images, links, text video, audio, document and many other different types of data.

We can use Content manager to display that data to our website or ever gather some information from our visitors through the forms, where users can write some information and send them directly to our backend inside a collection.

You will learn how to apply beautiful and smooth animations and hover interactions to a website as well. Also we are going to explore an app market where we can search and find many different useful applications which are available on Editor X platform. Those applications can be installed on our website in just a click within a few seconds. And Like I said there you can find many different apps but some of the most popular ones are for building a blog, forum or even an online store on your website. In this course I have explained everything you need to know about it.


And there's more! At the end of this course, when we cover everything you need to know about building websites with Editor X, we are going to start working on a real project, where we are going to design and build our own website from scratch!


So what are you waiting for, let's get started!

Content

Introduction

Introduction
Final Project Preview
Create account & First Project on Editor X

EditorX Interface

Canvas & Interface
Breakpoints
Keyboard Shortcuts
Design Assets
Compositions
Empty Boxes
Stacking/Grouping
Grids
Layouters
Repeaters
Lightboxes
Text & Buttons
Inputs
Menus
Media & Pro Gallery
Decoratives
Contact & Forms
Masters
Theme Manager
App Market
Roles, Permissions and Comments
Interactions (BETA)

Content Manager

Introduction to Content Manager
Collections & Repeaters
Custom Forms & Inputs
Read & Write Dataset Mode
Dynamic Pages

Additional Features on Editor X

Members
Forum
Blog
Events
Online Store
Video
Groups

Let's Build a Website!

Introducing with the Project
Design Header
Design Section #1
Section #1 - Responsiveness
Design Section #2
Design Section #3
Design Section #4
Design Section #5
Design Section #6
Design Footer
Add Animations
Add Hover Interactions
Install Blog & Members Area

Final Word

Final Word

Course Updates

Site Search

Screenshots

Build Amazing Websites with No Coding | Editor X Masterclass - Screenshot_01Build Amazing Websites with No Coding | Editor X Masterclass - Screenshot_02Build Amazing Websites with No Coding | Editor X Masterclass - Screenshot_03Build Amazing Websites with No Coding | Editor X Masterclass - Screenshot_04

Reviews

Ashim
July 26, 2023
Not a bad course for beginners to follow along and quickly gain knowledge of how Editor X works. Only problem is that overall responsive design of the project can be vastly improved upon as.
Anet
June 2, 2023
I highly recommend this course. I started with Editor X Academy and then started designing and sensed I needed more instruction. This course answered ALL my questions plus I learned shortcuts and resources I didn't even know about. Now, my design effort will be easier. Thank you for the wide variety of topics and demos. I am excited for the next module, "Let's Build a Website."
Mariah
February 11, 2023
Yes I really enjoyed this course and the way it was broken out into each individual topic video to make it easy to stop and start whenever it was convenient for me. Great explanations and examples.
Omkar
January 4, 2023
Very nice course! if you are a beginner and want to learn to build a website it is a must-take course.
Kumar
December 10, 2022
For What ever I learn or Understand about this course is really Amazing, It really helps me to learn a lot about the Editor X. Hopefully by the end of the course I can able to become a professional in Editor X
Alexander
August 21, 2022
This course is very good and detailed. After this course you know everything you need to know, to build your own website with editor x.
Peter
July 17, 2022
Take this as constructive criticism: Pros: the concepts presented are done in such a way that makes sense, they are coherent, and only minor mishaps during the series. This is a decent course to plough through, informative, with good suggestions, if you have some experience, it will let many conecepts fall into place. Cons: It is informational enough to keep going to the end, however. IMO, there is quite a lot of explanation that the average user who comes to do an online course has to know already (you can expand it here, click here, open/close menu, going through the WHOLE list of items that are self-explanatory like the shortcuts, how you can click here there, change the colors, you can also change the colors HERE, and HERE TOO :D etc). This is pretty much useless filler speech, that drains the user, and does not add any useful information to the perceived purpose of the course. Also - until later parts at least - the author does not show the _potential_ of the tools, just explains in a quick succession what things are - even if things are obvious. This experience got better throughout the series, as it got more technical, but in the beginning it was quite painful. Please click the "don't show again" button when you publish, I wanted to scrape my face off, every time I saw that popup. Summary: It is worth taking this course if you already have some ideas about editor X. I am not sure how many times you would need to rewatch this series if you are absolutely clueless. Educate yourself first on the publicly available videos in Academy X and Youtube, THEN come back to this. All in all, I am satisfied, I would suggest this course to anyone who wants more than just a quick way to build a simple website.
Andrea
April 6, 2022
Quick introduction for a user who already uses Wix - no course bulking with unnecessary details Lots of really useful features included in course
Leonardo
March 17, 2022
Greetings from Brazil! The course is amazing, all the content is explained in a practical way and with explicit content, great content. Thank you!
Daniel
January 31, 2022
The reason I chose Udemy over Skillshare is the quality of the courses. I always wanted an in-depth course online instead of just fast-food learning and quick tutorials. Udemy is more practical in terms of learning new skills than Skillshare.
Cleo
December 6, 2021
This is a very good introduction. A much better experience than trying to piece together a bunch of youtube videos, or even following the tutorials on the WIX site.
Shivaguru
August 30, 2021
Course explantion Good! but it would be great if the quality of the video is Full HD 1080p. 720p is just good...

Charts

Price

Build Amazing Websites with No Coding | Editor X Masterclass - Price chart

Rating

Build Amazing Websites with No Coding | Editor X Masterclass - Ratings chart

Enrollment distribution

Build Amazing Websites with No Coding | Editor X Masterclass - Distribution chart

Related Topics

4063964
udemy ID
5/20/2021
course created date
8/18/2021
course indexed date
Bot
course submited by