Mô tả

***** COURSE COMPLETELY UP TO DATE AS OF 15TH NOV 2017*****

2017 BLACK FRIDAY SPECIAL: Join the Official Facebook Group!

3 NEW LECTURES ADDED (NEW STUDENT REQUEST LECTURE!, "Meet your instructor" and "Be the FIRST to know about new courses"). Make sure to check these as they contain important information. Check the BONUS section for more information.

*** 5500+ STUDENTS JOINED ALREADY. NUMBERS DON'T LIE - ENROLL NOW ***

***** IMPORTANT UPDATE *****

New section has been added. This is where all the new BONUS lectures will be uploaded. I have published new lectures there so make sure to check these out - We are UPDATING your Bootstrap 4 version to latest.

NEW: Student Request! Request a feature and it may be added as a BONUS lecture.

Have you always wanted to build an amazing looking website but lacked the skills? Maybe you’re already familiar with HTML and CSS but you couldn’t start coding an actual website because you didn’t have the idea or the design concept in mind? Maybe you’ve always wanted to code that template but weren’t feeling comfortable? What if I told you that, with only basic understanding of HTML and CSS you can actually create wonderful websites if you knew time-saving tricks?

Reviews:

"I can say that, so far, i learned a lot. especially the resources are very informative and the final website design looks really cool. Thanks for taking the time explaining the very details." - Виктор Williams

"the pace the instructor is going is really adaptive, i absolutely have no problem coding in real-time. all of the instructions are step by step and the instructor actually makes sure that you understand his concept before he moves on. waiting for you next course!" - Jay Doughlas

In this course I will try to cover every concept of building a website from start to finish. We will be using the most popular CSS framework called Bootstrap 4 (we will get in-depth about Bootstrap). We’ll start with wire-framing our design (I will tell you why this is very important). Then, step by step we will design and code all the sections that the website will be able to offer. We will spice up the website with creating amazing animations using tricks and techniques that I will teach you. You will be creating animations on hover and animations on scroll that will make your website look like a piece of cake. That’s not all though, we will also create smooth scrolling on our website so it can offer even better user experience for the end-user.

To summarize – We will be using a free wire-framing tool to create our prototypes. HTML and CSS will be used to code and build our website. Bootstrap will help us create a responsive website that will be accessible on smaller screens and mobile devices. Also, we will even use a little bit of JavaScript and jQuery to do some event driven things like animations on scroll or trigger animations.

"I was a bit skeptical at first when i bought this, but once I started to dive into the course, i can say that buying this course was one of the best decisions i have made in my short web development career" - Emilio Pet

So, why choose me as an instructor? Why buy this course among all those other courses? It’s because I will offer you a different approach to your learning experience. Each lesson you will be presented with a task that you will have to accomplish on your own. Each lesson you will be asked a question that you should answer before moving on. I believe that good teaching is done through student practice and involvement. At the end of each section you should take the quiz to check up on your skills and see if you’re ready for the next section. At the very end of this course, I will challenge you with an ultimate task – create a project as big as the one we were creating throughout the course and show it to me! I will be glad to see it. So, why wait? If all this sounds great to you, Press on “Take this Course” and start learning today! 100% money-back guarantee!

Bạn sẽ học được gì

6.5 hours of Full HD video material divided into 50 downloadable lectures

Skills to build beautiful real-world websites from scratch

You will learn how to code amazing Bootstrap 4 templates with HTML5 and CSS3

Learn to easily create incredibly cool animations using just CSS3

You will also learn how to create beautiful animations on scroll using basic JavaScript that will make your website look very professional

Learn how to polish a website with smooth scrolling and hover animations

Learn the basic steps on how to make a website responsive to fit smaller screens and mobile devices

Have a thorough understanding of good practices and principles of HTML5, CSS3, Bootstrap 4 and JavaScript

Feel comfortable with the process of coding, creating and designing any templates/websites from scratch

Get a free copy of my personal journal containing hundreds of free resources and links to fit the needs of any developer/designer

Yêu cầu

  • Have a very basic understanding of HTML & CSS (tags, divs, classes, IDs)
  • A code editor of your choice (we will go through this in a lecture at the beginning of the course)
  • An Internet connection is required
  • You won’t need to buy any software – everything we are going to use will be free
  • Desire to learn and improve your skills

Nội dung khoá học

7 sections

Course Introduction

8 lectures
Welcome & Course Introduction
03:48
The Website We Are Going To Build
03:17
Tasks, Questions, Quizzes and Resources During the Lectures
05:26
How To Ask for Help & Project Files Explained
04:17
Join the Official Facebook Group Here!
00:36
Join the Official Course Chatroom Here!
07:25
Download the Final Project Files Here
00:34
Get Your Free E-Book Here!
00:02

Let's Get Started

5 lectures
Get My Personal Journal Here
00:01
Choosing The Right Code Editor
05:41
Setting Up The Project Environment
13:51
What is HTML, CSS, Bootstrap?
09:49
HTML, CSS & BS Quiz
5 questions

Building The Website: The 9 Sections

28 lectures
What is wire-framing and Why It Is Important?
06:44
Warm-up: Setting Up the Container, Coding the Home Page & Installing Fonts
16:43
Home Page: Designing the Home Page with CSS3
14:04
Home Page: Task, Question and Resources
07:36
Coding and Designing the Navigation Bar
11:17
Features Page: Coding the Features Page
10:49
Features Page: Designing the Features Page
09:01
Features Page: Task, Question and Resources
07:35
Timeline Page: Coding the Timeline Page
10:14
Relative vs Absolute Positioning & Pseudo Classes
07:10
Timeline Page: Designing the Timeline Page
18:16
Timeline Page: Task, Question and Resources
08:08
Designing & Coding the Parallax Page
10:01
Products Page: Coding the Products Page
09:33
Products Page: Designing the Products Page
05:11
Products Page: Task, Question and Resources
07:31
Numbers Page: Coding the Numbers Page
03:42
Numbers Page: Designing the Numbers Page
06:55
Numbers Page: Task, Question and Resources
06:45
Testimonials Page: Coding the Testimonials Page
10:06
Testimonials Page: Designing the Testimonials Page
05:50
Testimonials Page: Task, Question and Resources
05:14
Contact Page: Coding the Contact Page
11:38
Contact Page: Designing the Contact Page
10:24
Contact Page: Task, Question and Resources
05:26
The Footer: Coding the Footer
04:47
The Footer: Designing the Footer
10:23
Main Website Development Quiz
5 questions

Polishing the Website: Buttons, Smooth Scrolling & Animations

5 lectures
JavaScript Basics: Making the Navigation Bar Stick to Top When Scrolling
06:41
Making the Buttons Work & Adding Smooth Scrolling Effect
10:11
Animations on Scroll: Examples & Demonstration
11:03
Animations on Scroll: Get Your Hands Dirty
07:36
Polishing & Animation Quiz
5 questions

Making The Website Responsive with Media Queries

4 lectures
What are Media Queries and How Do They Work?
06:19
Making Our Website Responsive – Part 1
13:31
Making Our Website Responsive – Part 2
11:51
Media Queries Quiz
5 questions

Final Touches & Conclusion

2 lectures
Creating a Fav Icon
02:17
Congratulations! You made it! What Now & Super Project Challenge
01:46

BONUS Lectures

5 lectures
Updating Bootstrap To The Latest Version
07:51
Student Request: Building a Responsive Navigation Bar
13:51
Student Request: Building a Responsive Multi-level Dropdown Menu
18:37
Official Course Chatroom!
00:19
Bonus
00:22

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.