Duration of the online course: 5 hours and 21 minutes
4.72
(794)
Learn web development from scratch with this free course covering HTML, CSS, JavaScript, Bootstrap, jQuery, and more. Perfect for beginners seeking hands-on tutorials.
Course Description
The Web Development for Beginners course is a comprehensive introduction that spans over 5 hours and 21 minutes. With an impressive average rating of 5 out of 5 stars, this course is highly appreciated by learners for its clarity and practical approach. It belongs to the Information Technology category, specifically focusing on Web Development.
In this course, you will embark on a journey to understand the basics of web development, starting from building webpages using HTML, CSS, and JavaScript. You will learn the fundamental skills required to create a static website with eye-catching designs and responsive layouts. The course dives into concepts such as basic CSS, creating CSS layouts, and utilizing Bootstrap 3 to ensure your webpages are responsive and look great on all devices.
As you progress, you will explore more advanced topics such as how to put your website online using FTP, how to manage and upload files to a web host, and an in-depth JavaScript tutorial that starts from the basics and gradually covers more complex topics. You will learn about JavaScript functions, arrays, loops, selectors, and events. The course also delves into the nuances of JavaScript that make it a powerful yet unique programming language, like closures and event-driven programming.
Github, a critical tool for version control and collaboration in web development, is also covered comprehensively. From basics to advanced topics like pull requests, branching, and merging, you will get a hands-on experience of source control management. Additionally, you will gain insights into jQuery, with tutorials on event binding and writing smarter, better code. For those new to command-line tools, the course includes a cheat sheet to ease basic terminal usage.
The course doesn't stop at the basics. Advanced topics such as mobile web design, coding workflows for mobile websites, and the significance of build systems like Grunt, Gulp, and Brunch are also explored. You will learn why these tools are crucial for modern web development and how to use them to streamline your workflow. Moreover, the course discusses more efficient ways to deploy your website using Flightplan over SSH instead of traditional FTP methods.
The course is designed to be interactive and practical, ensuring that by the end of it, you will have not only theoretical knowledge but also practical skills to build and deploy functional websites. Whether you're looking to start a career in web development or simply improve your skills, this course provides a strong foundation to build upon.
Course content
Video class: Web Development Tutorial for Beginners (#1) - How to build webpages with HTML, CSS, Javascript14m
Exercise: What is the technology used to put styles in a website, like change the color of a text?
Exercise: What type of software to open a .HTML file?
Video class: Web Development Tutorial for Beginners (#2) - Basic CSS - How to build a website with HTML & CSS15m
Exercise: _What is the purpose of the document type declaration in HTML?
Video class: How to create CSS Layouts - Web Development Tutorial for Beginners (#3) - with HTML & CSS21m
Exercise: _What are the semantic tags introduced in the video and what is their purpose?
Video class: Bootstrap Tutorial For Beginners - Responsive Design with Bootstrap 3 - Responsive HTML, CSS13m
Exercise: _What is the correct way to add the Bootstrap CSS and script to your HTML file?
Video class: CSS Tutorial - Web Development Tutorial for Beginners (#5)20m
Exercise: What critical component was missing in the initial Bootstrap setup that caused the dropdown not to work?
Video class: How to put your website online - how to FTP to a domain & upload files to a webhost06m
Exercise: _What are the steps to get a website online with its own domain name?
Video class: Javascript Tutorial For Beginners - Free JS Course - Web Development Tutorial08m
Exercise: _What is the purpose of JavaScript in web development?
Video class: JS Tutorial For Beginners - #2 If Else & Comparison Operators07m
Exercise: _What is the comparison operator used to check if a value is less than a certain number in JavaScript?
Video class: Javascript Tutorial For Beginners - #3 Javascript Functions Tutorial13m
Exercise: _What is the reason for putting the script tag at the bottom of the page?
Video class: Javascript Tutorial For Beginners - #4 Javascript Arrays & Loops14m
Exercise: _What is an array in JavaScript?
Video class: Javascript Selectors - Javascript Tutorial for Beginners With Examples11m
Exercise: _What is the method used to grab all the paragraph tags in the HTML document using JavaScript?
Video class: Javascript Events Tutorial - How Web Developers Respond to User Input18m
Exercise: _What is an event in JavaScript?
Video class: Javascript Events Tutorial Part 2 - Javascript Tutorials for Beginning Web Development15m
Exercise: _What is the purpose of the "edit" class in the to-do list editor?
Video class: Github Tutorial For Beginners - Github Basics for Mac or Windows & Source Control Basics18m
Exercise: Why is source control important in software development?
Video class: GITHUB PULL REQUEST, Branching, Merging & Team Workflow11m
Exercise: _What is branching in GitHub?
Video class: jQuery Tutorial #1 - jQuery Tutorial for Beginners08m
Exercise: _What is the purpose of the document ready function in jQuery?
Video class: jQuery Tutorial #2 - Event Binding - jQuery Tutorial for Beginners07m
Exercise: _What is the method used to change the video inside an HTML element using jQuery?
Video class: Basic Terminal Usage - Cheat Sheet to make the command line EASY08m
Exercise: _What is the command to change directory in the terminal?
Video class: jQuery Tutorial #3 - Writing Smarter, Better Code - jQuery Tutorial for Beginners06m
Exercise: _What is the benefit of targeting elements by attribute in jQuery?
Video class: How the Internet Works for Developers - Pt 1 - Overview & Frontend15m
Exercise: _What is the Internet from a web development perspective?
Video class: How the Internet Works for Developers - Pt 2 - Servers & Scaling11m
Exercise: _What is the default port for HTTP requests in Apache web server?
Video class: Live Reload Sublime, Chrome, Anything - Fast and easy with Live-Server01m
Exercise: _What is Live Server and how do you install it?
Video class: What Makes Javascript Weird...and AWESOME - Pt 105m
Exercise: _What is one of the things that makes JavaScript weird and awesome?
Video class: Javascript is Event-Driven - What makes Javascript Weird...and Awesome Pt 205m
Exercise: _What is the main difference between PHP and JavaScript?
Video class: Javascript Closures Tutorial - What makes Javascript Weird...and Awesome Pt 304m
Exercise: What is a closure in JavaScript?
Video class: Mobile Web Design - Coding Workflow For Mobile Websites08m
Exercise: _What does "mobile first world" mean in web development?
Video class: WHY YOU NEED A BUILD SYSTEM LIKE GRUNT, GULP, BRUNCH FOR YOUR WEBSITE08m
Exercise: _What is the purpose of a build system in web development?
Video class: GRUNT TUTORIAL - Grunt makes your web development better!12m
Exercise: _What is the purpose of using Grunt in web development?
Video class: STOP USING FTP! - How to Deploy with Flightplan over SSH04m
Exercise: _What is the prerequisite to using Flight Plan for deployment?
Course comments: Web Development for beginners
Meruyert Bukenbayeva
this course is amazing. I'm so fascinated from this cource! thanks!!!
Ashley Mawire
Brilliant Course Ever love it and always refering to it
Richard Tshepang Van staden
so accessible and releable Digital education towards better tomorrow
Hendronesia
I really like the way everyone explains and also shows us how to do thing and that's really good but can I write the stuff down that they are saying
Mosupologo Veronica
I like my course I need to learn more about it
clifordjohn Bueno
this is very clarifying discussion
Bakhtiyorova Gavkhar
best video I think I can get it some information form it
Veeresh Chavan
nice to learn thanks
HASSAN MOHAMED ABDI
it’s amazing
Kalu Behailu
amazing