| 1. Getting Started & Preparations | |||
| 1. Course Outline & What Are You Going to Learn.mp4 | 8.5 MB | ||
| 1. Course Outline & What Are You Going to Learn.vtt | 3.81 KB | ||
| 10. Reach Out to the Instructor.html | 942 B | ||
| 2. Quick Important Note About Reviews!.mp4 | 5.77 MB | ||
| 2. Quick Important Note About Reviews!.vtt | 1.33 KB | ||
| 3. Pre-Start Why You've Just Made the Right Decision.mp4 | 13.06 MB | ||
| 3. Pre-Start Why You've Just Made the Right Decision.vtt | 2.84 KB | ||
| 4. Why PSD to HTML5 is a Must-Have Skill for Any Web DesignerDeveloper.mp4 | 15.79 MB | ||
| 4. Why PSD to HTML5 is a Must-Have Skill for Any Web DesignerDeveloper.vtt | 5.44 KB | ||
| 5. Showcasing the Finished PSD design.mp4 | 14.65 MB | ||
| 5. Showcasing the Finished PSD design.vtt | 4.71 KB | ||
| 5.1 PSD to HTML5 Beginner to Advanced.psd.psd | 28.68 MB | ||
| 6. Showcasing the Final Finished Website.mp4 | 25.39 MB | ||
| 6. Showcasing the Final Finished Website.vtt | 6.06 KB | ||
| 7. Join the Official Facebook Group Here!.html | 1.53 KB | ||
| 8. Join the Official Course Chatroom Here!.mp4 | 22.8 MB | ||
| 8. Join the Official Course Chatroom Here!.vtt | 8.35 KB | ||
| 9. How to Use the Q&A to Communicate With The Community.mp4 | 7.12 MB | ||
| 9. How to Use the Q&A to Communicate With The Community.vtt | 2.83 KB | ||
| 2. Environment Setup Get Your Hands Dirty | |||
| 1. Personalizing and Choosing the Right Code Editor.mp4 | 46.9 MB | ||
| 1. Personalizing and Choosing the Right Code Editor.vtt | 14.33 KB | ||
| 2. Downloading & Installing Photoshop CC Free Trial.mp4 | 13.09 MB | ||
| 2. Downloading & Installing Photoshop CC Free Trial.vtt | 3.71 KB | ||
| 3. Setting Up the Project Environment.mp4 | 39.08 MB | ||
| 3. Setting Up the Project Environment.vtt | 13.84 KB | ||
| 4. Download the Final Project Files Here.html | 206 B | ||
| 4.1 PSD to HTML5.zip.zip | 22.37 MB | ||
| 5. Download Free Gift 25 Finished & Modern PSD designs to Practice Your Skills On.html | 171 B | ||
| 5.1 25 freebies PSD designs.zip.zip | 351.48 MB | ||
| 3. Studying & Preparing the Finished PSD design | |||
| 1. Determining The Size & Measurements of Our Project.mp4 | 35.74 MB | ||
| 1. Determining The Size & Measurements of Our Project.vtt | 8.84 KB | ||
| 2. Choosing & Deciding the FileImage Structure to Work With.mp4 | 18.33 MB | ||
| 2. Choosing & Deciding the FileImage Structure to Work With.vtt | 5.81 KB | ||
| 3. Slicing Up the Design.mp4 | 39.24 MB | ||
| 3. Slicing Up the Design.vtt | 10.29 KB | ||
| 4. Installing & Implementing Fonts.mp4 | 26.17 MB | ||
| 4. Installing & Implementing Fonts.vtt | 8.98 KB | ||
| 5. Helper Classes What Are They and When to Use Them.mp4 | 19.72 MB | ||
| 5. Helper Classes What Are They and When to Use Them.vtt | 8.05 KB | ||
| 6. PSD Design Quiz.html | 136 B | ||
| 4. Converting the PSD design Into a Functional Website | |||
| 1. Coding the Hero Section Creating the Markup & the Navbar.mp4 | 32.71 MB | ||
| 1. Coding the Hero Section Creating the Markup & the Navbar.vtt | 10.3 KB | ||
| 10. Coding the Copyright Section Learn Quick HTML5 Symbols.mp4 | 13.29 MB | ||
| 10. Coding the Copyright Section Learn Quick HTML5 Symbols.vtt | 4.3 KB | ||
| 11. Styling the Copyright Section Finalizing the Website's Content.mp4 | 26.38 MB | ||
| 11. Styling the Copyright Section Finalizing the Website's Content.vtt | 9.21 KB | ||
| 12. Website Design Quiz.html | 136 B | ||
| 2. Styling the Hero Section Positioning the Content & Polishing the Navbar.mp4 | 36.9 MB | ||
| 2. Styling the Hero Section Positioning the Content & Polishing the Navbar.vtt | 9.94 KB | ||
| 3. Styling the Hero Section Buttons, Floats & Custom Width.mp4 | 52.75 MB | ||
| 3. Styling the Hero Section Buttons, Floats & Custom Width.vtt | 12.74 KB | ||
| 4. Coding the App Section Creating Custom Columns.mp4 | 21.89 MB | ||
| 4. Coding the App Section Creating Custom Columns.vtt | 7.17 KB | ||
| 5. Styling the App Section Positioning and Polishing the Custom Columns.mp4 | 42.81 MB | ||
| 5. Styling the App Section Positioning and Polishing the Custom Columns.vtt | 12.43 KB | ||
| 6. Coding the Nose Section Writing the Basic HTML Markup.mp4 | 10.52 MB | ||
| 6. Coding the Nose Section Writing the Basic HTML Markup.vtt | 3.63 KB | ||
| 7. Styling the Nose Section Transferring Colors from Photoshop to CSS3.mp4 | 47.02 MB | ||
| 7. Styling the Nose Section Transferring Colors from Photoshop to CSS3.vtt | 11.15 KB | ||
| 8. Coding the Footer Introducing List-Style Footers.mp4 | 22.12 MB | ||
| 8. Coding the Footer Introducing List-Style Footers.vtt | 6.88 KB | ||
| 9. Styling the Footer Setting a Background Image to a List-Style Element.mp4 | 40.01 MB | ||
| 9. Styling the Footer Setting a Background Image to a List-Style Element.vtt | 11.15 KB | ||
| 5. Polishing the Website Learn to Create Amazing Interactive Animations | |||
| 1. Preparations Installing & Setting Up Famous Animation Libraries.mp4 | 27.64 MB | ||
| 1. Preparations Installing & Setting Up Famous Animation Libraries.vtt | 7.92 KB | ||
| 1.1 jquery.waypoints.min.js.js | 8.63 KB | ||
| 1.2 animate.css.css | 70.57 KB | ||
| 1.3 wow.min.js.js | 8.22 KB | ||
| 2. Interactive iPhone Turn-on Animation Preparing Files & Inserting Image Slices.mp4 | 47.8 MB | ||
| 2. Interactive iPhone Turn-on Animation Preparing Files & Inserting Image Slices.vtt | 10.89 KB | ||
| 2.1 iphone-off.png.png | 89.13 KB | ||
| 2.2 iphone-on.png.png | 260.95 KB | ||
| 2.3 iphone-btn.png.png | 1.08 KB | ||
| 3. Animations Aside Explaining Z-index and Relative & Absolute Positioning.mp4 | 36.16 MB | ||
| 3. Animations Aside Explaining Z-index and Relative & Absolute Positioning.vtt | 36.16 MB | ||
| 3.1 Project Blueprint.zip.zip | 31.43 KB | ||
| 4. iPhone Animation Moving the iPhone Around with Basic Positioning Techniques.mp4 | 22.09 MB | ||
| 4. iPhone Animation Moving the iPhone Around with Basic Positioning Techniques.vtt | 5.4 KB | ||
| 5. iPhone Animation Creating the Finalized Animation.mp4 | 30.88 MB | ||
| 5. iPhone Animation Creating the Finalized Animation.vtt | 9.28 KB | ||
| 6. iPhone Animation Clicking the Button and Adding Delays with JavaScript.mp4 | 31.1 MB | ||
| 6. iPhone Animation Clicking the Button and Adding Delays with JavaScript.vtt | 9.04 KB | ||
| 7. Get Your Hands Dirty Animating the Rest of the Website with WOW.js.mp4 | 39.98 MB | ||
| 7. Get Your Hands Dirty Animating the Rest of the Website with WOW.js.vtt | 8.21 KB | ||
| 7.1 wow.min.js.js | 8.22 KB | ||
| 8. Animation & Positioning Quiz.html | 136 B | ||
| 6. Let's Make Our Website Responsive! | |||
| 1. Preparation Media Queries Explained + Adding Minor Final Changes to the Website.mp4 | 39.66 MB | ||
| 1. Preparation Media Queries Explained + Adding Minor Final Changes to the Website.vtt | 10.32 KB | ||
| 2. Responsive Layout Making the Hero Section Responsive.mp4 | 46.36 MB | ||
| 2. Responsive Layout Making the Hero Section Responsive.vtt | 11.55 KB | ||
| 3. Responsive Layout Finishing the Responsive Layout with More Media Queries.mp4 | 43.7 MB | ||
| 3. Responsive Layout Finishing the Responsive Layout with More Media Queries.vtt | 43.7 MB | ||
| 4. Navigation Bar Creating Custom Responsive Navigation Bar from Scratch!.mp4 | 51.52 MB | ||
| 4. Navigation Bar Creating Custom Responsive Navigation Bar from Scratch!.vtt | 18.29 KB | ||
| 5. Responsiveness Quiz.html | 136 B | ||
| 7. Conclusion & Final Toughts | |||
| 1. Congratulations! You did it! What now.mp4 | 2.88 MB | ||
| 1. Congratulations! You did it! What now.vtt | 1.34 KB | ||
| 8. BONUS Lectures | |||
| 1. Huge Discounts for My Other Courses!.html | 2.88 KB | ||
| 2. What is 'Inspect Element' and When Should You Use It.mp4 | 29.22 MB | ||
| 2. What is 'Inspect Element' and When Should You Use It.vtt | 7.59 KB | ||
| 3. Short Conversion Series Showcasing a Brand New PSD Design.mp4 | 13.11 MB | ||
| 3. Short Conversion Series Showcasing a Brand New PSD Design.vtt | 4.33 KB | ||
| 3.1 Advanced Project.zip.zip | 2.28 MB | ||
| 4. Short Conversion Series Creating the Layout Markup.mp4 | 38.4 MB | ||
| 4. Short Conversion Series Creating the Layout Markup.vtt | 11.68 KB | ||
| 5. Short Conversion Series Styling & Preparing the Content Holder.mp4 | 23.83 MB | ||
| 5. Short Conversion Series Styling & Preparing the Content Holder.vtt | 6.26 KB | ||
| 6. Official Course Chatroom!.html | 557 B | ||
| 7. Be the FIRST to know about my new course releases!.html | 797 B | ||
| Bonus Visit Now!.url | 111 B | ||
| Read Me.txt | 499 B |
Learn modern web development and convert a photoshop design to a responsive animated HTML5 and CSS3 website from scratch
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
Created by Filip Kordanovski
Last updated 2/2018
English
English [Auto-generated]
For more visit -FreeCourseNet
==Team FreeCourseNet.cc
| torrent name | size | uploader | age | seed | leech |
|---|---|---|---|---|---|
|
[FCN] Udemy - Build a ChatApp with (Nodejs,Socketio, Expressjs ,MongoDB) Posted by
frecoursenet in Other
|
321.49 MB | frecoursenet | 6 years | 1 | 1 |
|
[FCN] Udemy - Computer Science 101 Master the Theory Behind Programming Posted by
frecoursenet in Other
|
1.43 GB | frecoursenet | 6 years | 4 | 0 |
|
[FCN] Udemy - SEO 2019 Complete SEO Training + SEO for WordPress Websites Posted by
frecoursenet in Other
|
3.18 GB | frecoursenet | 6 years | 0 | 0 |
All Comments