Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
8 Hour(s) 5 Minute(s)
Language
English
Taught by
Amir Mewlani Rad
Rating
1 views
Course Overview
Learn Web Design in Photoshop and Code with HTML 5, CSS 3, jQuery and Bootstrap 4 Professionally the Easy Way
This course is a complete front end web design course to achieve a high level understanding of how the websites are created and made Interactible. This course has been created for those who want to learn both designing web PSD templates and also coding with html, css and jquery along with the use of the power of Bootstrap 4. This course is also for those who want to learn one of the mentioned skills or those who want to learn one of them but also want to have a good understanding of other skills, this course is even for those that are rather experienced in the field and want to move to the next level. This course could have been two separate courses but it has been done this way to cover a wider range of demands. It is also necessary for learner's to know this course is not recommended for the people that are absolute beginner as it is possible for them to have difficulty keep up with the course to the end.
At the end of the course, you will become a professional web graphics designer and front end developer and be able to do projects in any size.
Course Content
- 7 section(s)
- 70 lecture(s)
- Section 1 Introduction
- Section 2 Important Tips and Information
- Section 3 Photoshop Basics for Web Design
- Section 4 Designing the PSD
- Section 5 Converting the PSD to HTML
- Section 6 Making the HTML Template Responsive and Mobile Ready
- Section 7 Spicing Up the Project More
What You’ll Learn
- Learn to create responsive, modern and professional web templates using html, css (and jqurey) from PSD
- Learn web design in Adobe Photoshop professionally using powerful tools and techniques
- Learn advanced css techniques
- Learn to create mobile navigation using advanced css and jquery
- Unleash the power of css and create an awesome popup without a single line of javascript code
- Learn to create parallax effects and distinguish them by combining them with advanced gradient overlays
- Learn to apply transitions and creative hover effects to web page elements
- Learn to skillfully use Bootstrap 4 grid system to create advanced and easily responsive-able layouts
- Learn to use and customize Bootstrap 4 carousel to create very custom sliders
- Learn to use and customize a famous third party carousel
- Learn to use Google Maps to show the addresses inside web pages
- Learn to apply exciting animations to web page elements
Reviews
-
RRobert Walker
Amazing course! Simply loved it. Well structured course with detail explanations to follow.
-
RRobert Payne
Great course! I learned a lot of new things. I couldn't get some of the JavaScript plug-ins to work, towards the end of the course. And, of course, Bootstrap 4 is way out of date. Reading up on the Bootstrap Grid system will help you better understand why the instructor picks the Bootstrap classes he does because he does not explain it. Overall, still a very good course.
-
iilayaraja r
Wonderful course! I learned how to create a responsive site from scratch. Photoshop tutorial helps me to create a wireframe and colorful layout. Bootstrap concepts are explained well. My frontend skill improved 200% after taking this course.
-
MMartin Dixon
I thought the course was excellent and very polished. Fortunately for me I have had some prior experience with HTML5 and CSS3 because he didn't always explain what properties did what. I liked that he often made his own buttons and elements rather than the canned Bootstrap 4 components which can get very boring quickly. As a visual artist, I prefer to work on projects that I would want to emulate. I'm not interested in just learning how the tools work. I need to see it in a real world environment. I took half a star away because he didn't talk about Sass or PHP forms. But considering the new things I did learn, the course was well worth it.
