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
Probabilistic Graphical Models 1: RepresentationStanford University via Coursera Computer Security
Stanford University via Coursera Intro to Computer Science
University of Virginia via Udacity Introduction to Logic
Stanford University via Coursera Internet History, Technology, and Security
University of Michigan via Coursera