Build & Design a Portfolio Website Without Code from Scratch (Part 3)

Learn how to design a portfolio website without code. In part 3, you’ll learn how to design dynamic pages through a content management system, categories, and tags.
Subscribe for more web design videos and tutorials: https://bit.ly/3IUiVpj
Join the Creative X Crew community here: https://bit.ly/3rMx567

Missed part 2 of this video tutorial series? Watch it here:
https://youtu.be/L82lr7e6Sbk

As a professional web designer, it’s good to have a portfolio that shows your work. But how do you build a portfolio website, especially if you don’t want to code? Today, Brad Hussey, a web designer, teaches you how to design a beautiful portfolio website in Editor X and make that a reality without any coding. That’s right, in this complete Editor X tutorial, you’ll be learning about how you can use Editor X to start building a website from start to finish with no code! You’ll learn how to build a website fast from a mockup design to a functional and responsive website. We’ll also cover how to use Editor X dynamic pages and a CMS to build out your portfolio details pages.

Designing a website fast can be difficult and stressful with traditional coding, but a website builder like Editor X makes it so much easier and manageable. This is a step-by-step website design with Editor X tutorial. If you’re new to using Editor X, this is the perfect starting point for understanding the Editor X website designing workflow. I’ll be covering Editor X collections, Editor X tags, how to dynamically display content in a database, how web design and content management systems can be used to showcase large sets of data efficiently, working with a dynamic media gallery, and more. Know any great Editor X or web design tips that we didn’t cover in today’s Editor X website building tutorial? Share in the comments below!

Ready for part 4 of this video tutorial series on Editor X? Click the link below to watch now:
https://youtu.be/Bnh6AGTQZus

Get the assets for this Frontend Mentor challenge here:
https://www.frontendmentor.io/challenges/minimalist-portfolio-website-LMy-ZRyiE

Looking to get started with designing your next website with Editor X:
https://www.editorx.com/

Connect with me on:
Website: https://bit.ly/3DugDfI
Instagram: https://bit.ly/3uKtjuV
Facebook: https://bit.ly/3DtW5nD
Twitter: https://bit.ly/3K2gBy4
TikTok: https://bit.ly/3Dz3C4E

New to the channel? My name’s Brad Hussey. I'm a web designer and I’ve partnered with Editor X to create an inspiring, educational, and world-class YouTube channel and community for professional web designers and design agencies who are mastering the art, business, and craft of web design. On this channel, I’ll show you how to build websites with little code. I’ll also cover topics like, choosing fonts for web design, layout design for websites, and tons of Editor X tips and tricks videos and guides to get you started on your website creation process.

Learn how to make responsive websites and join us every week for new web designer tutorials, Editor X videos, livestreams, and challenges.

0:00 Build & Design a Portfolio Website Without Code from Scratch (Part 3)
1:17 Building a Dynamic Details Page in Editor X
8:28 Linking the CMS and Elements on the Details Page
13:02 Portfolio Details Navigation Buttons

#EditorX #WebsiteDesign #NoCodeWebDesign

Related to this tool

Editor X

Website Builders

#category #category

Setting up your design files in Figma to make React Components in Quest

#category #category

Connect to a Database | Get Started with PandaSuite

#category #category

Save user data in Firebase | PandaSuite

#category #category

Create Drag and Drop Game with PandaSuite

#category #category

Add User Authentication with Firebase in PandaSuite

#category #category

I Created a SaaS Only Using No Code Tools

#category #category

Welcome To Uiflow

#category #category

Manage your online business with the Wix Owners App

#category #category

Build an AI copywriter using WeWeb and NLP Cloud

#category #category

Build Apps with Glide + Airtable

#category #category

How to set up Pagination using Xano and Bravo Studio

#category #category

Coda Beginners Guide: Creating Coda Docs [30-Minute Demo]

#category #category

[Webinar] Build a Custom Web App with Make

#category #category

How To Build A Booking Portal with Softr.io | No-Code Tutorial

#category #category

Build an AI copywriter with Bubble.io and OpenAI's GPT-3

#category #category

Typedream CMS: Display your Notion data beautifully on your site, no-code.

#category #category

From Figma to Editor X in Seconds | New Editor X Plugin

#category #category

How to Turn Your LinkedIn into a Resume Website with Popsy

#category #category

How to Turn Your Notion Page into a Website with Popsy

#category #category

Date/Time field - Webflow CMS tutorial

#category #category

How This No-Code Developer Saves $700/mo. by Using Only Editor X

#category #category

Layout basics in WeWeb

#category #category

How to Design a Portfolio Website Without Code (Part 5)

#category #category

Build & Design a Portfolio Website Without Code from Scratch (Part 4)

#category #category

Build & Design a Portfolio Website Without Code from Scratch (Part 3)

#category #category

How to Design a Portfolio Website Without Code (Part 2)

#category #category

How to Design a Portfolio Website Without Code (Part 1)

#category #category

Example Web Applications - Bubble Fundamentals: Lesson 2

#category #category

What You Can Build With No Code - Bubble Fundamentals: Lesson 1

#category #category

Web3 workshop | Token gated content with Bildr

#category #category

Create a membership website with Editor X

#category #category

How to create an Infinite Auto Scroll animation | Editor X

#category #category

Sliding Out Navigation | EditorX

#category #category

Let's Build a Beautiful Hero Video Section | Editor X Tutorial

#category #category

Grid - Editor X's Most Important Tool | Editor X Tutorial

#category #category

Understanding Scale Text in Editor X

#category #category

Understanding Heights in Editor X

#category #category

Creating a Proportionally Scaling Design In Editor X

#category #category

The.com | Build, remix, and own the web

#category #category

The.com | Overview and features

#category #category

The.com | How to build a block (Part 2)

#category #category

Convert a Webflow site to The.com in 5 mins

#category #category

How to convert a Wordpress theme to The.com

#category #category

Create a data-product from Airtable using TrueSource

#category #category

The.com | How to build a block (part 3)

#category #category

Connect The.com forms to Mailchimp

#category #category

CSS Gradient property and the.com