Free online courseHTML, CSS and JavaScript
Duration of the online course: 14 hours and 46 minutes
New course
Learn HTML, CSS, and JavaScript with this free online course on web development. Build foundational skills to create dynamic and engaging websites.
In this free course, learn about
- Web Foundations and HTML5 Structure
- CSS Basics and Page Layout
- Advanced CSS Layout and Positioning
- Images, Effects, and CSS Transformations
- Responsive Design and Flexbox
- Data Tables and Semantic Markup
- Web Forms and User Input
- Multimedia, Video, and CSS Animation
- JavaScript Fundamentals and the DOM
- Control Structures and Logic in JavaScript
- Events, Interaction, and Functions
- Dynamic DOM Manipulation and Styling
Course Description
Discover the essentials of web development with the comprehensive online course on HTML, CSS, and JavaScript. This course is a deep dive into the world of web design, perfectly tailored for beginners and enthusiasts eager to build a solid foundation in web technologies. Spanning multiple engaging sessions, this course covers extensive topics under the CSCI 181 Web Design syllabus.
Each chapter presents a step-by-step approach to mastering web design. From the basics to more advanced concepts, every session builds upon the previous, ensuring learners gain a clear and progressive understanding. Learn to create visually appealing web pages through HTML and CSS. Explore the dynamic functionalities provided by JavaScript, empowering you to enhance user interactions on your websites.
The course is structured around twelve comprehensive chapters, each subdivided into multiple sessions. Initially, participants delve into foundational concepts before gradually advancing to more complex topics. The sessions cover a wide range of web design elements fundamental to crafting professional websites.
By enrolling in this course, you'll join a focused and structured learning path that aims to equip you with the skills needed to pursue a career in web development or to simply enhance your existing knowledge base.
Course content
- Video class: CSCI 181 - Web Design - Chapter 1 Session 1 26m
- Exercise: What is a fundamental difference between a LAN and a WAN?
- Video class: CSCI 181 Web Design (Chapter 1 Session 2) 37m
- Exercise: Which element represents a self-contained composition, like a newspaper story, in HTML5?
- Video class: CSCI 181 - Web Design - Chapter 1 Session 3 30m
- Exercise: What is the primary purpose of a 'nav list' in HTML?
- Video class: CSCI 181 - Web Design - Chapter 2 Session 3 25m
- Exercise: What is a possible use of the 'list-style-type' property in an ordered list?
- Video class: CSCI 181 - Web Design - Chapter 2 Session 2 36m
- Exercise: Which symbol is used in CSS to apply styles to only direct children of a parent element?
- Video class: CSCI 181 - Web Design - Chapter 2 Session 1 33m
- Exercise: What is the primary function of CSS in web design?
- Video class: CSCI 181 - Web Design - Chapter 3 Session 2 18m
- Exercise: Which method is recommended for setting up grid layouts in CSS?
- Video class: CSCI 181 - Web Design - Chapter 3 Session 1 33m
- Exercise: What is the purpose of a reset style sheet in web development?
- Video class: CSCI 181 - Web Design - Chapter 3 Session 3 21m
- Exercise: Understanding CSS Positioning Options
- Video class: CSCI 181 - Web Design - Chapter 4 Session 2 17m
- Exercise: What is a drop shadow in text effects?
- Video class: CSCI 181 - Web Design - Chapter 4 Session 3 24m
- Exercise: What CSS transformation was applied to the image of the grandson?
- Video class: CSCI 181 - Web Design - Chapter 4 Session 1 29m
- Exercise: What type of image is best for resizing without losing quality?
- Video class: CSCI 181 - Web Design - Chapter 5 Session 1 30m
- Exercise: What is a key concept introduced in Chapter Five for designing a mobile-friendly website?
- Video class: CSCI 181 - Web Design - Chapter 5 Session 2 22m
- Exercise: What is the main axis in a horizontal flexbox?
- Video class: CSCI 181 - Web Design - Chapter 5 Session 3 23m
- Exercise: How can you enhance printed webpages using CSS?
- Video class: CSCI 181 - Web Design - Chapter 6 Session 1 17m
- Exercise: What is a key element used to format headers in web tables?
- Video class: CSCI 181 - Web Design - Chapter 6 Session 2 28m
- Exercise: What is the correct order of row groups in a table for better styling using CSS?
- Video class: CSCI 181 - Web Design - Chapter 7 Session 1 33m
- Exercise: What encoding type allows sending data to the server in an encrypted format?
- Video class: CSCI 181 - Web Design - Chapter 7 Session 2 21m
- Exercise: What HTML5 feature allows users to select a date using a calendar interface?
- Video class: CSCI 181 - Web Design - Chapter 7 Session 3 29m
- Exercise: What is used to handle numeric data using spinner controls in web forms?
- Video class: CSCI 181 - Web Design - Chapter 8 Session 1 14m
- Exercise: What is the primary reason for using codecs in video transmission over the internet?
- Video class: CSCI 181 - Web Design - Chapter 8 Session 2 19m
- Exercise: Which video codec is proprietary and often requires a license fee for commercial use?
- Video class: CSCI 181 - Web Design - Chapter 8 Session 3 26m
- Exercise: CSS Transitions and Animations
- Video class: CSCI 181 - Web Design - Chapter 9 Session 1 16m
- Exercise: Which of the following is a key difference between client-side and server-side scripting?
- Video class: CSCI 181 - Web Design - Chapter 9 Session 2 21m
- Exercise: How can you access an HTML element by its unique identifier?
- Video class: CSCI 181 - Web Design - Chapter 9 Session 3 26m
- Exercise: Which operator is used in JavaScript to find the remainder of a division operation?
- Video class: CSCI 181 - Web Design - Chapter 10 Session 2 12m
- Exercise: Which JavaScript loop checks its condition at the end?
- Video class: CSCI 181 - Web Design - Chapter 10 Session 1 19m
- Exercise: What is the first step in building the calendar in JavaScript?
- Video class: CSCI 181 - Web Design - Chapter 10 Session 3 25m
- Exercise: What is the purpose of the ternary operator in programming?
- Video class: CSCI 181 - Web Design - Chapter 11 Session 1 25m
- Exercise: Which type of event handler is used to load a webpage puzzle?
- Video class: CSCI 181 - Web Design - Chapter 11 Session 2 31m
- Exercise: What is the purpose of the 'set background' function in the session?
- Video class: CSCI 181 - Web Design - Chapter 11 Session 3 38m
- Exercise: What is an advantage of using anonymous functions in JavaScript?
- Video class: CSCI 181 - Web Design - Chapter 12 Session 1 21m
- Exercise: What is the structure that represents the entire document in HTML and JavaScript called?
- Video class: CSCI 181 - Web Design - Chapter 12 Session 2 20m
- Exercise: How are nested lists dynamically created using JavaScript in the project described?
- Video class: CSCI 181 - Web Design - Chapter 12 Session 3 25m
- Exercise: What types of stylesheets can be modified using JavaScript?
Learn aboutHTML
Master HTML with our free online courses! Dive into coding with expert-led tutorials and interactive lessons. Start building websites today. Enroll now for free!
Learn aboutCSS
Discover a curated list of free online CSS courses designed to elevate your web design skills. Master styling, layouts, and responsive design with ease. Join now!
Learn aboutJavaScript
Discover top free JavaScript online courses! Master JS coding, from basics to advanced concepts, with interactive lessons. Start your coding journey today!
This free course includes:
14 hours and 46 minutes of online video course
Digital certificate of course completion (Free)
Exercises to train your knowledge
100% free, from content to certificate
Ready to get started?Download the app and get started today.
Install the app now
to access the course
Over 5,000 free courses
Programming, English, Digital Marketing and much more! Learn whatever you want, for free.
Study plan with AI
Our app's Artificial Intelligence can create a study schedule for the course you choose.
From zero to professional success
Improve your resume with our free Certificate and then use our Artificial Intelligence to find your dream job.
You can also use the QR Code or the links below.
More free courses at Web Development
Free CourseProgressive Web Application PWA for Beginners
5
(1)
3h24m
15 exercises
Free CourseJavaScript for beginners
4.95
(19)
1h40m
2 exercises
Free CourseUmbraco CMS
4.86
(22)
6h21m
19 exercises
Free CourseFull Stack Web Development
4.82
(11)
26h16m
48 exercises
Free CourseAngular 2 for Beginners
4.79
(29)
1h02m
9 exercises
Free CourseDesign and code a landing page
4.76
(34)
4h40m
15 exercises
Free CourseJavascript
4.75
(103)
4h52m
46 exercises
Free CourseHTML and CSS
4.74
(31)
9h07m
3 exercises
Free CourseWeb Development for beginners
4.72
(794)
5h21m
30 exercises
Free CoursejQuery
4.71
(14)
9h04m
7 exercises
Free CourseProgressive Web Application PWA for Beginners
5
(1)
3h24m
15 exercises
Free CourseJavaScript for beginners
4.95
(19)
1h40m
2 exercises
Free CourseUmbraco CMS
4.86
(22)
6h21m
19 exercises
Free CourseFull Stack Web Development
4.82
(11)
26h16m
48 exercises
Free CourseAngular 2 for Beginners
4.79
(29)
1h02m
9 exercises
Free CourseDesign and code a landing page
4.76
(34)
4h40m
15 exercises
Free CourseJavascript
4.75
(103)
4h52m
46 exercises
Free CourseHTML and CSS
4.74
(31)
9h07m
3 exercises
Free CourseWeb Development for beginners
4.72
(794)
5h21m
30 exercises
Free CoursejQuery
4.71
(14)
9h04m
7 exercises
Free Ebook + Audiobooks! Learn by listening or reading!
Download the App now to have access to + 3300 free courses, exercises, certificates and lots of content without paying anything!
-
100% free online courses from start to finish
Thousands of online courses in video, ebooks and audiobooks.
-
More than 48 thousand free exercises
To test your knowledge during online courses
-
Valid free Digital Certificate with QR Code
Generated directly from your cell phone's photo gallery and sent to your email
Download our app via QR Code or the links below::.
