Building a Website from Start to Finish with No Code (Part 1)
ฝัง
- เผยแพร่เมื่อ 2 ส.ค. 2024
- Learn how to build a beautiful website in Editor X in this short video series. In part 1, you’ll learn how to import design styles, fonts, and create a header with a logo and navigation.
Subscribe for more web design videos and tutorials: bit.ly/3IUiVpj
Join the Creative Crew here: bradhussey.hopp.to/crew-yt
So, you’ve got a professional website mockup, but the client wants to see a functional website and not a Figma file. Today, Brad Hussey, a web designer, teaches you how to design a beautiful website in Editor X and make that a reality without any coding. That’s right, in this video, 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.
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 design styles, Editor X headers, masters, 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 2 of this video tutorial series on Editor X? Click the link below to watch now:
• How to Build a Beautif...
Get the assets for this Frontend Mentor challenge here:
www.frontendmentor.io/challen...
Get started with designing your next website with Wix Studio(previously known as Editor X):
bradhussey.hopp.to/wixstudio
Connect with me on:
Website: bit.ly/3DugDfI
Instagram: bit.ly/3uKtjuV
Facebook: bit.ly/3DtW5nD
Twitter: bit.ly/3K2gBy4
TikTok: 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 TH-cam 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 How to Build a Beautiful Website in Editor X (Part 1)
0:56 Downloading a Website Mockup Design
2:56 Adding Design Styles to Editor X
4:37 Adding Global Buttons & Assets in Editor X
7:31 Building a Header in Editor X: Logo
9:13 Building a Header in Editor X: Menu & Navigation
11:00 Responsive Design in Editor X
#EditorX #WebsiteDesign #NoCodeWebDesign - วิทยาศาสตร์และเทคโนโลยี
Ready for part 2 of this video tutorial series on Editor X? Click the link below to watch now:
th-cam.com/video/sOANI-qwFeU/w-d-xo.html
Join the Creative Crew here: bradhussey.hopp.to/crew-yt
Great explanation Brad! Awesome video.
Cheers Kyle!
The course you have on Udemy is great and really helped me get started.
Best of luck with your new channel.
I really appreciate that, thank you 😀
great vid. thanks.
Thank you!
Hi! Join us in our CX Crew community!
form.typeform.com/to/tGVJa8BP?typeform-source=twitter
Very interesting. I've been looking for a rapid front end dev tool. Clients seem to be pulling away from WordPress.
Thanks for watching. I appreciate the comment too :)
What did you decide on? I have been looking at Editor X and Webflow
@@bakeraus I decided on EditorX. I was set on WebFlow until now. I used to use Joomla and WordPress with DIVI and SPagebuilder plugins and extensions.
What about Webflow? EditorX or Webflow Which one is better
*I'm all in on Editor X.* I've experimented with Webflow, and it certainly is a powerful tool, and comparable in many ways! But the two differ in a few distinct areas:
The Webflow UI is more complex than Editor X, which makes it harder to learn at first.
Webflow may appeal to a programmer who is looking to have more technical control over their visual website building experience, whereas, Editor X is a seamless transition from designing in Figma (or Adobe XD), which is really attractive for the professional designer, or creative agency.
Webflow doesn't have as many built in plugins, apps & extensions as Editor X, which means your no-code tech stack can get really complicated (and expensive). Editor X has an extensive (and growing) app library, which means you can really consolidate your no-code tech stack and keep it all in one place.
Those are a few of my opinions on the matter. As I build and experiment more and more with Editor X, I become increasingly impressed by how much it gets out of the way and enables me to build whatever I want. Also, a huge plus that you can code using the Velo Dev Mode, if you need to build some custom functionality in.
Thanks for watching!
Hey X is this beginner friendly?
Sure!
I cant get my hamburger menu to work on preview in mobile. I am using windows. How do I fix that?
Hope you figured it out!
where to sell?
sell what?
how can you make money with editor x?
Lots of ways:
- Create and sell custom templates and themes
- Offer design services for businesses and individuals
- Develop and sell custom widgets and extensions
- Offer website maintenance and support services
- Participate in affiliate programs or referral partnerships with other businesses
- Collaborate with other professionals to offer package deals or joint services
- Offer website optimization services to improve website speed and performance