Adobe XD to Wordpress
Offered By: Adrian Twarog via YouTube
Course Description
Overview
Learn how to convert an Adobe XD design into a fully functional, responsive WordPress website in this comprehensive 4-hour 45-minute tutorial. Follow along as the instructor guides you through the entire process, from reviewing the initial Adobe XD design to developing a complete WordPress theme. Master the art of translating designs for desktop, tablet, and mobile devices into a working website integrated with the WordPress CMS. Gain hands-on experience in HTML, CSS, and JavaScript while focusing on creating an engaging user interface and experience. Cover essential topics such as setting up WordPress, building the header and footer, creating responsive layouts, and implementing various sections like call-to-action, about, community, collections, and testimonials. By the end of this tutorial, you'll have the skills to transform Adobe XD designs into professional WordPress websites, enhancing your web development capabilities.
Syllabus
- Introduction
- Part 1: Adobe XD Design Review and Installation
- Part 2: Setting up WordPress and Theme
- Part 3: Header
- Part 4: Home - Call to Action
- Part 5: Home - Responsive Design
- Part 6: Home - About Section
- Part 7: Home - Join Our Community Section
- Part 8: Home - Our Collections Section
- Part 9: Home - My Island Section
- Part 10: Home - Testimonials Section
- Part 10: Footer
- Conclusion
Taught by
Adrian Twarog
Related Courses
User Experience Responsive Hero in XD for BeginnersCoursera Project Network via Coursera Customer Journey Prototyping in XD
Coursera Project Network via Coursera Fashion E-Commerce in XD
Coursera Project Network via Coursera Ultimate Web Designer & Web Developer Course
Udemy Web Design com Adobe XD, Bootstrap, GIMP, HTML e Photoshop
Udemy