Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views :
Oh Snap!

It looks like you're using an adblocker. Adblockers make us sad. We use ads to keep our content happy and free. If you like what we are doing please consider supporting us by whitelisting our website. You can report badly-behaved ads by clicking/tapping the nearby 'Advertisement' X text.

Masterclass By Neftali Loria

/

Release date:2021

Duration:21 h 00 m

Author:Neftali Loria

Skill level:Beginner

Language:English

Exercise files:Yes

In this course you’ll learn to build responsive websites with the power of Editor X. We are going to build an advanced VR landing page, filled with interactions, animations, custom sliders, 3D transparent video and master the sticky position technique.

Who Should Enroll?
This Editor X Masterclass is for designers, marketers, content creators, developers, entrepreneurs, agencies or anyone looking to build professional responsive websites with Editor X.

What will you learn?

  • Learn to Build Websites with Editor X
  • Editor X core features like Design Libraries, Masters, Layouters, Repeaters, CMS and Interactions
  • Responsive Web Development in Editor X
  • Dynamic pages and relational filters with Editor X Content Manager
  • Webflow’s Advanced Hover Interactions
  • Editor X Ascend Business Tools and SEO settings
  • Configurations to launch a professional website in Editor X

Why Learn Editor X?
Editor X — an advanced web design platform made for professional creators who build sites for others. Editor X offers a unique combination of approachable CSS, integrated business solutions and built-in coding capabilities. In this crash course, you’ll learn to build and launch powerful websites with seamless responsive layouts and full breakpoint control, all in one place.

Table of Contents

Module 1
1. Introduction
2. Setup for Success
3. Define the Strategy
4. Don’t Reinvent the Wheel

Module 2
1. Introduction
2. The Moodboard
3. The Interface
4. Exporting Assets

Module 3
1. Introduction
2. The Setup
3. The Build
4. Mobile Build
5. Animations
6. Webflow CMS
7. Optimization

Module 4
1. Introduction
2. Craft Essentials
3. Craft Core
4. The Build Part I
5. The Build Part II
6. Publish

Module 5
1. Introduction
2. The Message
3. The Motion Flow
4. The Video Formats
5. Code

Module 6
1. Introduction
2. Website Visitors
3. Build an Audience
4. Campaigns & Budgets

Watch online or Download for Free

Module 1
1. Introduction
1.1 – Tools for Success
1.2 – What is UX
1.3 – Design Thinking
2. Setup for Success
2.1 – Asking the Right Questions
2.2 – What are we building
2.3 – Project Management
2.4 – Tracking our efforts
2.5 – Say Hello to Milanote
3. Define the Strategy
3.1 – Research and Analysis
3.2 – Target Audience
3.3 – Customer Journey
3.4 – Pain Points and Solutions
3.5 – Exploring UX Patterns
4. Don’t Reinvent the Wheel
4.1 – Ideas Paper Sketches
4.2 – Wireframe Frameworks
4.3 – Intro to Figma
4.4 – Digitalizing our Ideas
4.5 – Part I Exploring Crazy Ideas
4.5 – Part II Page Structure
4.5 – Part III Basic Components
4.5 – Part IV Related Components
4.5 – Part V Core Sections
4.6 – System Flowchart
4.7 – Prototype & User Testing

Module 2
1. Introduction
1.1 Tools for Success
1.2 UI Design Patterns
1.3 Gestalt Principles
1.4 Design Standards
2. The Moodboard
2.1 What is the Moodboard
2.2 Research and Inspiration
2.3 Part I The Look & Feel
2.3 Part II Atomic Design Practice
2.4 Textured Gradients
2.5 Typography and Hierarchy
2.6 Clean the Styleguide
2.7 3D Shapes with Vectary
3. The Interface
3.1 The Grid System
3.2 Above the Fold
3.3 The Fixed Navigation
3.4 Features I Continuity
3.4 Features II Common Region
3.5 Products I Proximity
3.5 Products II Symmetry
3.6 Visual Parallax
3.7 One-Click Registration
3.8 Adapting to Mobile
3.9 Organizing our System
4. Exporting Assets
4.1 Preparing to Export
4.2 Compress our Assets
4.3 Figma Microanimations

Module 3
1. Introduction
0.1 Webflow Masterclass
1 What Are We Building
1.1 Tools for Success
1.2 The #NoCode Movement
2. The Setup
2.1 Why Webflow
2.2 Accounts vs Hosting
2.3 General Webflow Settings
2.4 Importing Fonts
2.5 Webflow Limitations
2.6 Designer View
2.7 Playground Part I
2.8 Playground Part II
2.9 Playground Part III
3. The Build
3.1 Core Page Sections
3.2 Hero Part I Flex & Bgs
3.2 Hero Part II Grid & Utilities
3.2 Hero Part III Figma Assets
3.3 Fixed Navigation
3.4 Features Part I Slideshow & Grid
3.4 Features Part II Relative Objects
3.5 Products Part I Tab Component
3.5 Products Part II Grid Overlay
3.6 The Parallax Setup
3.7 Building the Signup Form
4. Mobile Build
4.1 Intro to Breakpoints
4.2 The Mobile Hero
4.3 The Mobile Nav
4.4 The Overflow Hack
4.5 The Mobile Features
4.6 The Mobile Products
4.7 The Mobile Parallax
4.8 The Mobile Signup
5. Animations
5.1 Basic CSS Animation
5.2 Lottie Animations
5.3 Navbar Animations
5.4 Viewport X-Axis Interaction
5.5 3D Transform Animations
5.6 Self Perspective
5.7 Scroll Animations
5.7 Viewport Y-Axis Interaction
5.8 Parallax Animations
5.9 Extra Tips & Tricks
5.9 Homepage Loader
6. Webflow CMS
6.1 Intro to Collections
6.2 Create & Import Data
6.3 Filter & Sort Settings
6.5 Data Relationships
6.4 Dynamic Templates
6.6 Search & Index Data
6.7 Review Final Templates
6.8 The Editor Dashboard
7. Optimization
7.1 SEO Essentials
7.2 Optimize Page Speed
7.3 DNS Configurations
7.4 Publishing the Website
7.5 Post-Launch Checklist

Module 4
1. Introduction
1.1 What are we building
1.2 Tools for Success
1.3 The Craft Mindset
2. Craft Essentials
2.1 Intro to HTML & CSS
2.2 Webflow Code
2.3 Licensing & Hosting
2.4 Craft Installation
2.5 Craft Interface Tour
2.6 Craft Plugin Store
2.7 Craft Documentation
3. Craft Core
3.1 Local Environment
3.2 Version Control
3.3 Database Installation
3.4 Local vs Cloud Assets
3.5 Transactional Emails
3.6 Sections & Fields
3.7 Import Database
3.8 Twig Syntax
3.9 Template Inheritance
4. The Build Part I
4.1 Entries & Categories
4.2 Craft Includes
4.3 Intro to Queries
4.4 Related Entries
4.5 Dynamic Templates
4.6 Category Navigation
4.7 Lightswitch & Embeds
4.8 SEO Meta Tags
4.9 Pagination
5. The Build Part II
5.1 Sign Up
5.2 Login & Reset
5.3 Profile Template
5.4 Google Signup
5.6 Wishlist
5.5 Search & Results
5.7 Singles & Structure
5.8 Navigation Plugin
6. Publish
6.1 Sitemap Plugin
6.2 Git Deployment
6.3 Go Live wFortrabbit

Module 5
1. Introduction
1.1-what-are-we-building
1.2-tools-for-success
1.3-the-state-of-editing
2. The Message
2.1-video-structure
2.2-finding-a-rhythm
2.3-visual-storyboard
3. The Motion Flow
3.1-introduction-to-adobe-premiere
3.2-proxies-indexing
3.3-audio-trim
3.4-rough-cut
3.5-ultra-key-transitions
3.6-masking-elements
3.7-basic-color-grading
3.8-motion-graphics
4. The Video Formats
4.1-video-formats
4.2-export-settings
5. Code
fonts.7z
illustration.7z
gfx.7z
logo.7z
marketing.7z
photos.7z
psd.7z
video.7z.001
video.7z.002
video.7z.003
video.7z.004
video.7z.005
video.7z.006
video.7z.007
video.7z.008
video.7z.009

Module 6
1. Introduction
1.1-action-plan
1.2-tools-for-success
1.3-marketing-foundations
2. Website Visitors
2.1-intro-to-crms
2.2-email-acquisition
2.3-email-deliverability
2.4-tracking-user-data
3. Build an Audience
3.1-define-your-strategy
3.2-search-engine-marketing
3.3-seo-keywords
3.4-tools-for-growth
4. Campaigns & Budgets
4.1-personalized-engagement
4.2-simple-retargeting
4.3-video-campaigns
4.4-boost-traffic-w-google

[KreativePro] Masterclass By Neftali Loria.7z
[KreativePro] Masterclass By Neftali Loria_Subtitles.7z


Join us on
  Channel    and      Group

  • Facebook
  • Twitter
  • Google+
  • Linkedin
  • Pinterest

Leave a Comment

Your email address will not be published. Required fields are marked *