Code a 'Coming Soon' Landing Page in Bootstrap 4

Build your 'under construction' or 'coming soon' landing page with countdown clock in bootstrap 4

4.10 (1256 reviews)
Udemy
platform
English
language
Web Development
category
instructor
Code a 'Coming Soon' Landing Page in Bootstrap 4
48,575
students
1.5 hours
content
Sep 2017
last update
FREE
regular price

What you will learn

Code an awesome 'coming soon' landing page for your product or business

Learn how to develop a responsive landing page

Use many different components of the bootstrap framework

Collect emails from a sign-up box via PHP

Why take this course?

**FREE FOR A LIMITED TIME ONLY**

Learn the basic concepts, tools, and functions that you will need to build fully functional, professional landing page within the new bootstrap 4 framework. This course is ideal for students of all skill-sets, from total beginners or students that simply want to brush up on their coding skills.

In this brand new course you will learn how to code a professional responsive 'coming soon' or 'product launch' landing page within the Bootstrap 4 framework with HTML, CSS & PHP.

  • Countdown-to-launch landing page
  • Fully Responsive
  • Incorporate new Bootstrap components
  • Understanding of the Bootstrap Grid System & Media Queries
  • Custom Fonts
  • Collect emails with PHP Markup
  • Font-Awesome Icons
  • CSS Animation


You will work through the lectures and build a simple, yet professional responsive landing page that will incorporate your company logo, intro text, a countdown clock, social icons and a fully functioning sign-up form for you to start collecting emails before your product or website is launched.

You will ideally have a little knowledge of HTML & CSS, however it isn't essential as I will walk you through every step of code to ensure you have the right understanding of the bootstrap framework, and the tools to further your learning after you have completed the course.

You will not only hand code a modern professional looking bootstrap 4 landing page, you will start collecting emails instantly with a sign-up form via PHP markup. You'll be able to build up a customer base and create buzz around your product or website before it is even launched!

You will take the learn-by-doing approach which will help you understand the aspects of bootstrap we use during the course and give you the tools to re-design our template or build an entirely new landing page specifically how you want it. You will be able to download project files throughout the course, which will be yours to keep and work on at your leisure.

By the end of this course you will have hand coded a modern & professional 'coming soon' or 'product launch' landing page using HTML, CSS & PHP, and built a basic understanding of the bootstrap framework to help you develop your own pages in the future.

Content

Introduction

Welcome
What you will be creating

Setting Up

Downloading Bootstrap
Creating our file structure
Installing Font Awesome
Download Course Images

Creating Our Page

Background Image
Adding our Logo
Adding the Intro Text
Adding the Countdown Clock
Adding our Social Icons
Adding the Signup Box
Adding Media Queries
Add Additional Media Queries (Bonus)

PHP Markup

PHP Markup
Styling our Alerts

Review

Viewing our Final Page
Final page files

Screenshots

Code a 'Coming Soon' Landing Page in Bootstrap 4 - Screenshot_01Code a 'Coming Soon' Landing Page in Bootstrap 4 - Screenshot_02Code a 'Coming Soon' Landing Page in Bootstrap 4 - Screenshot_03Code a 'Coming Soon' Landing Page in Bootstrap 4 - Screenshot_04

Our review

--- **Course Review: Introduction to Responsive Web Design with Bootstrap 4** **Overview:** The "Introduction to Responsive Web Design with Bootstrap 4" course has received a global rating of 4.10, indicating that the majority of recent reviewers have found it to be a valuable learning experience. The reviews highlight the clarity and depth of instruction, as well as some areas that could be improved for better comprehension and application. **Pros:** - **Comprehensive Content:** The course content is described as very informative, with a step-by-step approach that makes learning easy and enjoyable. The instructor's ability to explain concepts in detail while coding has been commended by many. - **Real-World Application:** Several reviews emphasize the practical application of the skills taught in this course. The projects undertaken in the course reflect real-world scenarios, which is crucial for new developers looking to apply their knowledge. - **Clear and Precise Instruction:** The instructor's teaching style has been praised for its clarity and effectiveness. Many learners have found the instructions easy to follow and the explanations crystal clear. - **Responsive Support:** The instructor's responsiveness to questions and clarifications has been a positive aspect of the learning experience, enhancing understanding and course engagement. - **Variety of Learning Topics:** The course covers a range of topics including HTML, CSS, Bootstrap 4, and backend development with PHP, providing learners with a broad skill set. **Cons:** - **Pacing Issues:** Some reviewers have noted that the instructor speaks quickly, which can be challenging for learners who may need to slow down the content to fully understand it. - **Unnecessary Code Usage:** A few reviews point out that some of the coding practices demonstrated in the course could be considered sloppy or unnecessarily complex, such as applying styles to both the `html` and `body` tags when one would suffice. - **Conflicting Use of Bootstrap:** There is a sentiment among some reviewers that Bootstrap 4 was not utilized to its full potential, with reliance on CSS for styling where Bootstrap could have been more effectively employed. Additionally, the use of Bootstrap's breakpoints alongside custom `@media` queries has been questioned. - **Resource Optimization:** The course includes loading in jQuery, Font Awesome, and two font libraries, which some reviewers feel makes the website unnecessarily heavy and could have been optimized for a lighter application by using fewer resources or alternative solutions like Fontello. - **Course Titling:** A few reviews suggest that the title of the course may not accurately reflect the content, as Bootstrap 4 is used minimally, leading to confusion for potential learners. **Conclusion:** Overall, "Introduction to Responsive Web Design with Bootstrap 4" is a well-received course offering valuable insights into responsive web design and development. It is particularly helpful for beginners looking to understand the basics of coding a responsive web page. The instructor's teaching style and ability to convey complex concepts in an accessible manner have been significant strengths. However, there are areas where the course could be improved for clarity and practical application, such as optimizing code and fully utilizing Bootstrap 4's features. For those interested in learning the fundamentals of web design with Bootstrap and beyond, this course is a good starting point, keeping in mind that it may require supplementary learning to address some of the noted shortcomings. --- **Note for Learners:** As you consider taking this course, be aware that while the instruction is clear and valuable, there are elements within the course content that could be optimized for better efficiency and understanding. It's recommended to approach the course with an open mind and be prepared to potentially supplement your learning with additional research or guidance on more efficient coding practices.

Charts

Price

Code a 'Coming Soon' Landing Page in Bootstrap 4 - Price chart

Rating

Code a 'Coming Soon' Landing Page in Bootstrap 4 - Ratings chart

Enrollment distribution

Code a 'Coming Soon' Landing Page in Bootstrap 4 - Distribution chart
884946
udemy ID
6/22/2016
course created date
6/5/2019
course indexed date
Bot
course submited by