Don't like banners? Log in and we will make sure you see no banners. For free.
[FTUForum.com] [UDEMY] PSD to Responsive HTML5 Beginner to Advanced [FTU]

[FTUForum.com] [UDEMY] PSD to Responsive HTML5 Beginner to Advanced [FTU]

Other
Size
1.8 GB
Seeders
0
Leechers
1
Files
99
Category
Other
Added
at 2:41pm GMT+1
Infohash
70f2b51b549a4c40981f0aa6760ea25a04c9c1af
Direct linkTorrent fileDownload now
Don't like banners? Log in and we will make sure you see no banners. For free.

Description




Learn modern web development and convert a photoshop design to a responsive animated HTML5 and CSS3 website from scratch



Created by: Filip Kordanovski

Last updated: 2/2018

Language: English

Caption (CC): Included

Torrent Contains: 115 Files, 8 Folders

Course Source: https://www.udemy.com/psd-to-html5-beginner-to-advanced/



What you'll learn



• 6 hours of Full-HD video material divided into 46 lectures.

• Learn to convert a static photoshop design into a completely responsive website

• Skills to develop a fully responsive website WITHOUT any framework

• Feel comfortable taking any PSD design and converting it into a fully functional website

• Learn how to create amazing interactive animations on scroll using JavaScript and CSS3

• Have a very solid understanding of how PSD and HTML5 integrate and work together

• Learn clean, modern web design trends and apply them into your projects

• 25 amazing & trendy finished PSD designs to practice your newly acquired skills on

• Adaptive and available instructor (24/7) to answer all of your questions ASAP



Requirements



• Basic understanding of HTML & CSS (divs, classes, IDs)

• Photoshop CS3/CS4/CS5/CS6/CC (or a free-trial)

• A code editor of your choice (Brackets in my case)

• Internet connection is required

• Your favorite chips flavor and a drink!



Description



UDEMY BESTSELLER FOR "PSD TO HTML" COURSE TOPIC

A LOT MORE THAN PSD-to-HTML5 COURSE

Amazing interactive animations with beginner JavaScript lectures included

Creating Responsive design with CUSTOM media queries

Advanced BONUS section with real-world website conversion and special tips

Course is constantly UPDATED with new content/lectures



COURSE COMPLETELY UP TO DATE AS OF 15TH NOV 2017



2017 BLACK FRIDAY SPECIAL: New Official Facebook Group!

27TH FEBRUARY 2017: NEW LECTURE ADDED (SPECIAL COURSE CHATROOM)



4 NEW LECTURES ADDED ("What is 'Inspect Element' and When to Use It", "Showcasing Brand New PSD Design", "Creating the Layout Markup" and "Be the FIRST to know about new courses").

Make sure to check these at the bottom BONUS section as they contain important information.



Are you planning your web design career and looking for a good starting point? Or maybe you are a web development enthusiast looking to convert PSD designs into fully functional websites? Or just a beginner web developer/designer who is looking forward to learn how PSD and HTML5/CSS3 work together?



Either way, PSD to HTML5 conversion is a MUST-HAVE skill for any aspiring or experienced web developer/designer out there.



This PSD to HTML5 conversion course will take you from a complete beginner to a knowledgeable developer who is feeling comfortable converting PSD designs into fully functional and responsive HTML5 websites.



This is a lot more than PSD-to-HTML course. It is one of the most comprehensive web design/development courses out there as its very content-rich and features a lot of topics. We’ll start of with Photoshop and learn what are the basic starting steps of converting a PSD design into a HTML5 website. We will firstly understand and study the PSD design and after that slice it, cut it and collect the images. Then we’ll start coding our HTML5 markup to prepare the development of the website.



During the development stage, we'll learn a lot of things when styling our design: floats, positioning, width, custom columns, fluid design, full-width backgrounds AND MORE!!!



- We’ll be creating stunning animations FROM SCRATCH including an iPhone turn-on animation that looks very slick. We’ll use various famous libraries to create the remaining breathtaking animations on scroll and polish our website to the maximum. However, that’s not all.

We’ll then dive into creating our website responsive to fit any screen size and mobile device. We will be coding CUSTOM media queries to control the behavior of our website on smaller screens. I’ll be guiding you through a way to create a responsive navigation bar menu from scratch using basic programming techniques.



We’ll then jump into a brand new section that will get updated over time and which will include special tips and advanced techniques to convert problematic PSD designs into working websites.



In this course you will take a finished PSD design and learn how to convert it to create a fully responsive HTML5 page with pure CSS3 from SCRATCH. No responsive frameworks like Bootstrap! (My earlier course covers that!)



I believe that the only way to become a successful student of this course is through practice and involvement. That’s why you will be presented with quizzes and interactive questions throughout the course. After completing, you will be challenged to take a PSD design, use the skills that you’ve gained in this course and create a breathtaking HTML5 responsive website that you will be proud of!



So, what are you waiting for? Press on “Take this course” button and start learning web design & development today! 30-day money back guarantee!



Who this course is for:



• Students who plan on becoming web designers in the near future

• New and aspiring web designers looking to learn a brand new skillset

• Designers and developers looking to learn how to convert a PSD design to fully functional and responsive HTML5 website

• Beginners with a limited knowledge of Photoshop interested in web design/development and converting PSD designs

• Anyone who is interested how Photoshop and HTML5 work together

• Anyone looking to spice up their PSD conversion skills.



For More Udemy Free Courses >>> https://ftuforum.com/

For more Lynda and other Courses >>> https://www.freecoursesonline.me/

Our Forum for discussion >>> https://discuss.ftuforum.com/








File list
  • [FTUForum.com] [UDEMY] PSD to Responsive HTML5 Beginner to Advanced [FTU]
  • 1. Getting Started & Preparations/1. Course Outline & What Are You Going to Learn.mp4 25.2 MB
  • 1. Getting Started & Preparations/1. Course Outline & What Are You Going to Learn.vtt 3.8 KB
  • 1. Getting Started & Preparations/10. Reach Out to the Instructor.html 942 B
  • 1. Getting Started & Preparations/2. Quick Important Note About Reviews!.mp4 9.3 MB
  • 1. Getting Started & Preparations/2. Quick Important Note About Reviews!.vtt 1.3 KB
  • 1. Getting Started & Preparations/3. Pre-Start Why You've Just Made the Right Decision.mp4 13.1 MB
  • 1. Getting Started & Preparations/3. Pre-Start Why You've Just Made the Right Decision.vtt 2.8 KB
  • 1. Getting Started & Preparations/4. Why PSD to HTML5 is a Must-Have Skill for Any Web DesignerDeveloper.mp4 15.8 MB
  • 1. Getting Started & Preparations/4. Why PSD to HTML5 is a Must-Have Skill for Any Web DesignerDeveloper.vtt 5.4 KB
  • 1. Getting Started & Preparations/5. Showcasing the Finished PSD design.mp4 14.6 MB
  • 1. Getting Started & Preparations/5. Showcasing the Finished PSD design.vtt 4.7 KB
  • 1. Getting Started & Preparations/5.1 PSD to HTML5 Beginner to Advanced.psd.psd 28.7 MB
  • 1. Getting Started & Preparations/6. Showcasing the Final Finished Website.mp4 25.4 MB
  • 1. Getting Started & Preparations/6. Showcasing the Final Finished Website.vtt 6.1 KB
  • 1. Getting Started & Preparations/7. Join the Official Facebook Group Here!.html 1.5 KB
  • 1. Getting Started & Preparations/8. Join the Official Course Chatroom Here!.mp4 22.8 MB
  • 1. Getting Started & Preparations/8. Join the Official Course Chatroom Here!.vtt 8.4 KB
  • 1. Getting Started & Preparations/9. How to Use the Q&A to Communicate With The Community.mp4 7.1 MB
  • 1. Getting Started & Preparations/9. How to Use the Q&A to Communicate With The Community.vtt 2.8 KB
  • 2. Environment Setup Get Your Hands Dirty/1. Personalizing and Choosing the Right Code Editor.mp4 46.9 MB
  • 2. Environment Setup Get Your Hands Dirty/1. Personalizing and Choosing the Right Code Editor.vtt 14.3 KB
  • 2. Environment Setup Get Your Hands Dirty/2. Downloading & Installing Photoshop CC Free Trial.mp4 13.1 MB
  • 2. Environment Setup Get Your Hands Dirty/2. Downloading & Installing Photoshop CC Free Trial.vtt 3.7 KB
  • 2. Environment Setup Get Your Hands Dirty/3. Setting Up the Project Environment.mp4 39.1 MB
  • 2. Environment Setup Get Your Hands Dirty/3. Setting Up the Project Environment.vtt 13.8 KB
  • 2. Environment Setup Get Your Hands Dirty/4. Download the Final Project Files Here.html 206 B
  • 2. Environment Setup Get Your Hands Dirty/4.1 PSD to HTML5.zip.zip 22.4 MB
  • 2. Environment Setup Get Your Hands Dirty/5. Download Free Gift 25 Finished & Modern PSD designs to Practice Your Skills On.html 171 B
  • 2. Environment Setup Get Your Hands Dirty/5.1 25 freebies PSD designs.zip.zip 351.5 MB
  • 3. Studying & Preparing the Finished PSD design/1. Determining The Size & Measurements of Our Project.mp4 35.7 MB
  • 3. Studying & Preparing the Finished PSD design/1. Determining The Size & Measurements of Our Project.vtt 8.8 KB
  • 3. Studying & Preparing the Finished PSD design/2. Choosing & Deciding the FileImage Structure to Work With.mp4 18.3 MB
  • 3. Studying & Preparing the Finished PSD design/2. Choosing & Deciding the FileImage Structure to Work With.vtt 5.8 KB
  • 3. Studying & Preparing the Finished PSD design/3. Slicing Up the Design.mp4 39.2 MB
  • 3. Studying & Preparing the Finished PSD design/3. Slicing Up the Design.vtt 10.3 KB
  • 3. Studying & Preparing the Finished PSD design/4. Installing & Implementing Fonts.mp4 26.2 MB
  • 3. Studying & Preparing the Finished PSD design/4. Installing & Implementing Fonts.vtt 9 KB
  • 3. Studying & Preparing the Finished PSD design/5. Helper Classes What Are They and When to Use Them.mp4 19.7 MB
  • 3. Studying & Preparing the Finished PSD design/5. Helper Classes What Are They and When to Use Them.vtt 8 KB
  • 3. Studying & Preparing the Finished PSD design/6. PSD Design Quiz.html 139 B
  • 4. Converting the PSD design Into a Functional Website/1. Coding the Hero Section Creating the Markup & the Navbar.mp4 32.7 MB
  • 4. Converting the PSD design Into a Functional Website/1. Coding the Hero Section Creating the Markup & the Navbar.vtt 10.3 KB
  • 4. Converting the PSD design Into a Functional Website/10. Coding the Copyright Section Learn Quick HTML5 Symbols.mp4 13.3 MB
  • 4. Converting the PSD design Into a Functional Website/10. Coding the Copyright Section Learn Quick HTML5 Symbols.vtt 4.3 KB
  • 4. Converting the PSD design Into a Functional Website/11. Styling the Copyright Section Finalizing the Website's Content.mp4 26.4 MB
  • 4. Converting the PSD design Into a Functional Website/11. Styling the Copyright Section Finalizing the Website's Content.vtt 9.2 KB
  • 4. Converting the PSD design Into a Functional Website/12. Website Design Quiz.html 139 B
  • 4. Converting the PSD design Into a Functional Website/2. Styling the Hero Section Positioning the Content & Polishing the Navbar.mp4 36.9 MB
  • 4. Converting the PSD design Into a Functional Website/2. Styling the Hero Section Positioning the Content & Polishing the Navbar.vtt 9.9 KB
  • 4. Converting the PSD design Into a Functional Website/3. Styling the Hero Section Buttons, Floats & Custom Width.mp4 52.8 MB
  • 4. Converting the PSD design Into a Functional Website/3. Styling the Hero Section Buttons, Floats & Custom Width.vtt 12.7 KB
  • 4. Converting the PSD design Into a Functional Website/4. Coding the App Section Creating Custom Columns.mp4 21.9 MB
  • 4. Converting the PSD design Into a Functional Website/4. Coding the App Section Creating Custom Columns.vtt 7.2 KB
  • 4. Converting the PSD design Into a Functional Website/5. Styling the App Section Positioning and Polishing the Custom Columns.mp4 42.8 MB
  • 4. Converting the PSD design Into a Functional Website/5. Styling the App Section Positioning and Polishing the Custom Columns.vtt 12.4 KB
  • 4. Converting the PSD design Into a Functional Website/6. Coding the Nose Section Writing the Basic HTML Markup.mp4 10.5 MB
  • 4. Converting the PSD design Into a Functional Website/6. Coding the Nose Section Writing the Basic HTML Markup.vtt 3.6 KB
  • 4. Converting the PSD design Into a Functional Website/7. Styling the Nose Section Transferring Colors from Photoshop to CSS3.mp4 47 MB
  • 4. Converting the PSD design Into a Functional Website/7. Styling the Nose Section Transferring Colors from Photoshop to CSS3.vtt 11.2 KB
  • 4. Converting the PSD design Into a Functional Website/8. Coding the Footer Introducing List-Style Footers.mp4 22.1 MB
  • 4. Converting the PSD design Into a Functional Website/8. Coding the Footer Introducing List-Style Footers.vtt 6.9 KB
  • 4. Converting the PSD design Into a Functional Website/9. Styling the Footer Setting a Background Image to a List-Style Element.mp4 40 MB
  • 4. Converting the PSD design Into a Functional Website/9. Styling the Footer Setting a Background Image to a List-Style Element.vtt 11.2 KB
  • 5. Polishing the Website Learn to Create Amazing Interactive Animations/1. Preparations Installing & Setting Up Famous Animation Libraries.mp4 27.6 MB
  • 5. Polishing the Website Learn to Create Amazing Interactive Animations/1. Preparations Installing & Setting Up Famous Animation Libraries.vtt 7.9 KB
  • 5. Polishing the Website Learn to Create Amazing Interactive Animations/1.1 wow.min.js.js 8.2 KB
  • 5. Polishing the Website Learn to Create Amazing Interactive Animations/1.2 animate.css.css 70.6 KB
  • 5. Polishing the Website Learn to Create Amazing Interactive Animations/1.3 jquery.waypoints.min.js.js 8.6 KB
  • 5. Polishing the Website Learn to Create Amazing Interactive Animations/2. Interactive iPhone Turn-on Animation Preparing Files & Inserting Image Slices.mp4 47.8 MB
  • 5. Polishing the Website Learn to Create Amazing Interactive Animations/2. Interactive iPhone Turn-on Animation Preparing Files & Inserting Image Slices.vtt 10.9 KB
  • 5. Polishing the Website Learn to Create Amazing Interactive Animations/2.1 iphone-btn.png.png 1.1 KB
  • 5. Polishing the Website Learn to Create Amazing Interactive Animations/2.2 iphone-off.png.png 89.1 KB
  • 5. Polishing the Website Learn to Create Amazing Interactive Animations/2.3 iphone-on.png.png 261 KB
  • 5. Polishing the Website Learn to Create Amazing Interactive Animations/3. Animations Aside Explaining Z-index and Relative & Absolute Positioning.mp4 36.2 MB
  • 5. Polishing the Website Learn to Create Amazing Interactive Animations/3. Animations Aside Explaining Z-index and Relative & Absolute Positioning.vtt 13.4 KB
  • 5. Polishing the Website Learn to Create Amazing Interactive Animations/3.1 Project Blueprint.zip.zip 31.4 KB
  • 5. Polishing the Website Learn to Create Amazing Interactive Animations/4. iPhone Animation Moving the iPhone Around with Basic Positioning Techniques.mp4 22.1 MB
  • 5. Polishing the Website Learn to Create Amazing Interactive Animations/4. iPhone Animation Moving the iPhone Around with Basic Positioning Techniques.vtt 5.4 KB
  • 5. Polishing the Website Learn to Create Amazing Interactive Animations/5. iPhone Animation Creating the Finalized Animation.mp4 30.9 MB
  • 5. Polishing the Website Learn to Create Amazing Interactive Animations/5. iPhone Animation Creating the Finalized Animation.vtt 9.3 KB
  • 5. Polishing the Website Learn to Create Amazing Interactive Animations/6. iPhone Animation Clicking the Button and Adding Delays with JavaScript.mp4 31.1 MB
  • 5. Polishing the Website Learn to Create Amazing Interactive Animations/6. iPhone Animation Clicking the Button and Adding Delays with JavaScript.vtt 9 KB
  • 5. Polishing the Website Learn to Create Amazing Interactive Animations/7. Get Your Hands Dirty Animating the Rest of the Website with WOW.js.mp4 40 MB
  • 5. Polishing the Website Learn to Create Amazing Interactive Animations/7. Get Your Hands Dirty Animating the Rest of the Website with WOW.js.vtt 8.2 KB
  • 5. Polishing the Website Learn to Create Amazing Interactive Animations/7.1 wow.min.js.js 8.2 KB
  • 5. Polishing the Website Learn to Create Amazing Interactive Animations/8. Animation & Positioning Quiz.html 139 B
  • 6. Let's Make Our Website Responsive!/1. Preparation Media Queries Explained + Adding Minor Final Changes to the Website.mp4 39.6 MB
  • 6. Let's Make Our Website Responsive!/1. Preparation Media Queries Explained + Adding Minor Final Changes to the Website.vtt 10.3 KB
  • 6. Let's Make Our Website Responsive!/2. Responsive Layout Making the Hero Section Responsive.mp4 46.3 MB
  • 6. Let's Make Our Website Responsive!/2. Responsive Layout Making the Hero Section Responsive.vtt 11.5 KB
  • 6. Let's Make Our Website Responsive!/3. Responsive Layout Finishing the Responsive Layout with More Media Queries.mp4 43.7 MB
  • 6. Let's Make Our Website Responsive!/3. Responsive Layout Finishing the Responsive Layout with More Media Queries.vtt 12.1 KB
  • 6. Let's Make Our Website Responsive!/4. Navigation Bar Creating Custom Responsive Navigation Bar from Scratch!.mp4 51.5 MB
  • 6. Let's Make Our Website Responsive!/4. Navigation Bar Creating Custom Responsive Navigation Bar from Scratch!.vtt 18.3 KB
  • 6. Let's Make Our Website Responsive!/5. Responsiveness Quiz.html 139 B
  • 7. Conclusion & Final Toughts/1. Congratulations! You did it! What now.mp4 2.9 MB
  • 7. Conclusion & Final Toughts/1. Congratulations! You did it! What now.vtt 1.3 KB
  • 8. BONUS Lectures/1. Huge Discounts for My Other Courses!.html 2.9 KB
  • 8. BONUS Lectures/2. What is 'Inspect Element' and When Should You Use It.mp4 29.2 MB

Rating
Not rated yet
Log in to rate

Comments

No comments yet.


Similar torrents
NameSizeDate
388 MB01
993 MB01
1.7 GB01
339 MB02
1.6 GB01
3.9 GB01