The Complete front end web developer Bootcamp - 14 projects
- 19 hours on-demand video
- 1 article
- 1 downloadable resource
- Full lifetime access
- Access on mobile and TV
- Certificate of Completion
Get your team access to 4,000+ top Udemy courses anytime, anywhere.Try Udemy for Business
- code front end of the web page
- Convert any web page into mobile optimised theme.
- Write code in jQuery
- Use any pre built libraries in JS and jQuery
- Convert any Template into required one
- Take online web development projects and complete them
We will be building 14 major and polished projects in this course. these are not just toy projects, these are fully paid and ready for professional use projects. This is first quick look at projects.
A few personal notes before we start this course. Web development is a process and process does takes time. There is no such thing as be a web developer in 1 day or 2 days. This video will help you to stay motivated in the learning process.
Collecting developers tools is an important step. Choosing an IDE with color highlighting, code suggestion will help you to write and learn web development quickly
Division is a block level element and is usually used to group a few element likes text tags, lists, images etc to group together. On the other hand span is little different. Let's say, you want to style third word in h1 with different style, in this case, wrap that word with span.
Forms are a way of how you take input data from the user. There are a lot of options by which you can collect data, it can be text forms, passwords, multiple choice selectors, check boxes, and many others. These forms also have a submit button at the end to pass the data, usually with POST method.
Here we will strip off the CSS of main facebook page and then we will ask you to replicate the facebook login and signup page. This is just for educational and learning purposes. In case you feel that you are facing problems, there is a solution too at the end of movie.
CSS makes a web page look good. Without CSS a web page will look like a pdf. We will learn to write first CSS code as well as best practice about where to write css. CSS can be written in separate file, in head section as well as in inline tags. Lets have a look on what are the advantage of each of those
Here we will design a basic coming soon template and learn about box model. Box model is important to learn about the difference between margins and paddings. This coming soon template can be used at any of your favourite place. All the code in this course comes with "Do whatever you want to do" licence.
Putting a division in center is not an easy task. We will learn some tricks like when we assign a custom width to our division, we can assign margin as 0 from top and bottom, auto from left and right to put it in center. Also we will learn to center the text elements in that division.
Great images and classic fonts, yep these are the secret ingredients to make a web page look good. We will learn to import free fonts from google and put some scalable icons from front awesome. These icons are just like text and are scalable to high resolutions.
A complete section dedicated for projects. In this part 1 of the project we will design the basic layout of GYM COMING SOON template. You can use other image and can easily modify that to some other business.
In the continuation of the previous movie, we will give finishing touches to the projects. For sure you will be proud on your first project.
Editing template is one of the major work for front end developer. In this movie we will learn to edit a non responsive template. We will convert this existing template to a fictional company Tacky Trucks. First Part of this process, is to edit the existing content.
Grid system is the basic foundation of every website that you will create in bootstrap. Bootstrap divides entire website into 12 equal grids. Further it depends on you that if you want to use pair of 6 and 6 OR 9 and 3, but the whole point is that the sum of one row should always be 12.
- No pre requirements to start this course
- we will need a few FREE editors (covered in videos)
- A simple browser, ohh wait, you already have that
- Some developers addon on your browser (covered in videos)
Welcome to the Complete front end development Bootcamp. This is one of the most comprehensive bootcamp available online. So, if you are new to web development, thats great news because starting from scratch is always easy. And if you have tried some other courses before, you already know that web development is not easy. This is because of 2 reasons. Either the web development course might be missing projects, or might be focusing on too many things at a time. When you focus on everything, in a short duration of time, it is very tough be a great developer.
This course gives you a unique experience and focus only on front end web development. First we will get professional and free web development tools, then we will start with HTML. Once we cover this ground, we will take down our very first challenge. Further we will learn HTML 5 and start our first project.
Structure of this is designed after research and you will never feel bore in this course. After completion of the course, you will be able to design a web page in the exact same design that is on your mind or you might have seen on some theme website.
Creating a web template of your own or edit the one, you will be a full skill ninja to do the job.
Our offline bootcamps are priced at 1000$ per student but with online education, you can get the exact same content in fractions of that.
Still not satisfied, have a look at the FREE project movie in the course.
- Anyone who is interested in building career in web development
- One who wants to learn the implementation of HTML, CSS, js and jquery
- This course is not for you if you are already a FULL STACK DEVELOPER