Conventions
Explore the fundamental conventions used throughout this course for HTML, CSS, and JavaScript development. Learn how to work effectively with exercises, live code examples, and the course's coding tools. This lesson prepares you to start coding confidently and set up your development environment for the journey ahead.
We'll cover the following...
Numerous exercises and examples
There are several exercises and listings in this course.
Exercises are designed for you to implement what you learn step by step. We include a detailed explanation of the implementation at the end of every exercise.
Listings are examples provided by the author to demonstrate a point in action via code.
We use Educative’s live code editor to run all exercises and live listings. Here is a demo below:
Live coding widget
To get the code up and running, simply click the Run button below and type in the following command in the widget terminal:
npm start
This will start the live-server which will listen for any changes made in our code files.
See the output in action, both in the output tab and the host link provided below.
In the case of changes you make to your code, the live-server will detect these; just press Run, no need to restart the server!
<!DOCTYPE html>
<html>
<head>
<title>Educative.io</title>
</head>
<body>
<h1>Unravelling HTML, CSS and JS</h1>
<p>Welcome to the course!
We hope you enjoy your learning experience with us</p>
</body>
</html>
Please note that we will only be using npm start to start the server for the first exercise for practice. It will be left out for later exercises to avoid redundancy and the server will be started automatically.
📜Note: The terminal remains alive for 30 minutes for each lesson session, after which the server is killed; so, you don’t need to type
npm startfor a session unless the server is killed. If the server is killed, you can simply restart it using thenpm startcommand.
After every major accomplishment you make, you will unlock an achievement and gain a new skill!
Useful info
After every chapter, we will test your understanding of the concepts with a quiz.
End of chapter quizzes
Quiz time! :)
HTML, CSS & JS is amazing!
True
False
Achievement unlocked! 🎉
Congratulations! You’ve got all the conventions of this course down!
Good job!
Let’s progress on to the next chapter to get started on the real learning!