Front-end development is the process of building components that interact with users. Examples are the user interface, buttons, user-entered data, websites, and user experience (UX) features. The front end aims at meeting user requirements and delivering a positive user experience.
Frontend Web Development Bootcamp
Course (JavaScript, HTML, CSS)
In this massive course, you will go from having no coding experience to
having the essential skills of a frontend developer. You will learn various
technologies and build a few projects along the way. Zach Golwitzer
teaches this course. Zack is an experienced software engineer and full
stack developer. I 'm really trying to do here is connect all of these
concepts together. Html CSs and Javascript are not born in isolation they
all work together to build a web page. I want you to understand most
importantly the relationships between these three and have a pretty firm
grasp of each of them in isolation as well. the first thing that we 're going
to touch on is something called browser developer tools. We're going to
be looking at something that you 've spent a lot of time with already and
actually go to the other side of it and understand what 's going on behind
the scenes. in this video, I want to walk you through the most common
parts of these developer tools and actually write some code..
Different parts of the web page are actually highlighted and I can click
down and drop this down and get more specific at what I 'm selecting. if I
go to the bottom here. These are all these stylings or the CSs styles that
go along with the html again do n't worry about this. We 're going to get
into these you know languages later into the course, but for now I just
want to show you the landscape. the console is probably the second most
popular tool within developer tools or at least in this series, we 're going
to be using the console quite a lot and what the console is it 's actually
called a reple and that stands for read evaluate print and loop. when I
press enter it's actually going to change this on the page. the console
allows you to write javascript and. Modify the document object model or
the dom. right click inspect element click on the console and boom you're
ready to write Javascript, so it 's a great place to start so that we do N't
have to set up all this elaborate stuff just to write basic Javascript.. There
are a couple of other features within developer tools that I want to show
you here, but they 're less important than the first two that we looked at..
Network tab is where you 're actually seeing all the resources that are
being transferred to and from over the network to this web page. this will
be very useful for us as we get into more the back end development
where we 're talking about Api request and you know http and all that
kind of stuff. So we 'll come back to this. We'll spend some time here a
lot later in the series, but I wanted to expose you to it. Initially. the goal
of this program is going to be every time. We click on Google 's web
page, so when I click it I 'm actually clicking right now. I want the
background of the page to actually change color and I want that color to
be a random color. We can do this with Javascript code. The last thing I
The benefits of buying summaries with Stuvia:
Guaranteed quality through customer reviews
Stuvia customers have reviewed more than 700,000 summaries. This how you know that you are buying the best documents.
Quick and easy check-out
You can quickly pay through credit card or Stuvia-credit for the summaries. There is no membership needed.
Focus on what matters
Your fellow students write the study notes themselves, which is why the documents are always reliable and up-to-date. This ensures you quickly get to the core!
Frequently asked questions
What do I get when I buy this document?
You get a PDF, available immediately after your purchase. The purchased document is accessible anytime, anywhere and indefinitely through your profile.
Satisfaction guarantee: how does it work?
Our satisfaction guarantee ensures that you always find a study document that suits you well. You fill out a form, and our customer service team takes care of the rest.
Who am I buying these notes from?
Stuvia is a marketplace, so you are not buying this document from us, but from seller saqibfiaz. Stuvia facilitates payment to the seller.
Will I be stuck with a subscription?
No, you only buy these notes for $7.99. You're not tied to anything after your purchase.
