Foundations of Front-End Web Development
Foundations of Front-End Web Development, available at Free, has an average rating of 4.36, with 133 lectures, 3 quizzes, based on 10563 reviews, and has 238101 subscribers.
You will learn about By the end of the course, you'll have all the tools and practical knowledge necessary to build visually rich Single page Web applications, try your luck with job interviews and kickstart your career as a Front End Developer! After completion you'll have touched upon the comprehensive curriculum of a Junior Front End Developer. Try your luck, applying for jobs, getting feedbacks and improving on the solid foundations built during this course! With the solid foundations acquired in this course, it will be much way easier to approach web articles and resources on Front End Development, armed with the necessary background and lingo to make the most out of them, learn effectively and quickly. With the basics knowledge out of the way, the world is your oyster! Expand on the foundational knowledge acquired and specialize in further niches (AngularJs, EmberJs, Gaming, Full Stack Development). This course is ideal for individuals who are This course should be taken by anyone interested in learning the ropes for becoming a Front End Developer, one of the best trending and exciting areas of Web Development at the moment or This course should Not be taken by people interested in Server Side Development (PHP, Java, Databases..). This course focuses on all the technologies related to the Web browser environment (HTML/CSS/Javascript/Frameworks/Testing) It is particularly useful for This course should be taken by anyone interested in learning the ropes for becoming a Front End Developer, one of the best trending and exciting areas of Web Development at the moment or This course should Not be taken by people interested in Server Side Development (PHP, Java, Databases..). This course focuses on all the technologies related to the Web browser environment (HTML/CSS/Javascript/Frameworks/Testing).
Enroll now: Foundations of Front-End Web Development
Summary
Title: Foundations of Front-End Web Development
Price: Free
Average Rating: 4.36
Number of Lectures: 133
Number of Quizzes: 3
Number of Published Lectures: 133
Number of Published Quizzes: 3
Number of Curriculum Items: 136
Number of Published Curriculum Objects: 136
Original Price: Free
Quality Status: approved
Status: Live
What You Will Learn
- By the end of the course, you'll have all the tools and practical knowledge necessary to build visually rich Single page Web applications, try your luck with job interviews and kickstart your career as a Front End Developer!
- After completion you'll have touched upon the comprehensive curriculum of a Junior Front End Developer. Try your luck, applying for jobs, getting feedbacks and improving on the solid foundations built during this course!
- With the solid foundations acquired in this course, it will be much way easier to approach web articles and resources on Front End Development, armed with the necessary background and lingo to make the most out of them, learn effectively and quickly.
- With the basics knowledge out of the way, the world is your oyster! Expand on the foundational knowledge acquired and specialize in further niches (AngularJs, EmberJs, Gaming, Full Stack Development).
Who Should Attend
- This course should be taken by anyone interested in learning the ropes for becoming a Front End Developer, one of the best trending and exciting areas of Web Development at the moment
- This course should Not be taken by people interested in Server Side Development (PHP, Java, Databases..). This course focuses on all the technologies related to the Web browser environment (HTML/CSS/Javascript/Frameworks/Testing)
Target Audiences
- This course should be taken by anyone interested in learning the ropes for becoming a Front End Developer, one of the best trending and exciting areas of Web Development at the moment
- This course should Not be taken by people interested in Server Side Development (PHP, Java, Databases..). This course focuses on all the technologies related to the Web browser environment (HTML/CSS/Javascript/Frameworks/Testing)
A polite request
Please watch the presentation video BEFORE joining the course; If you don’t like what you see (or my accent at the time of recording) please DO NOT enroll. I’ve seen many people enrolling (since, you know, it’s FREE) and then leaving negative scores because they didn’t fancy the accent of the instructor or because the course was “too basic” (even though it’s basically written everywhere that this is a foundation course for absolute beginners).
So, don’t be that guy/girl, and join only if you believe this course is right for you. If you don’t like how the course is structured or its content please do not hesitate to leave a negative score but in doing so add a comment explaining your reasons; This will help the instructor. A negative score without any comment or feedback is not useful to anyone and detrimental to other potential students.
This course was made in 2015 and, apart from a few tweaks in 2016 it hasn’t seen further updates (that is one of the reasons why it’s now offered for free). So, you won’t find things like CSS Flexbox/Grid here. Though, its content is still super relevant nowadays and important in building a solid foundation in Front-End Development. No matter what latest technology you want to learn, you need the basics first and this is exactly what this course is for!
– What is this course all about?
Front End Development is a trending job, engaging, well paid and full of challenges and wonders.
This course will teach you the skills to kick-start a career in Front End Development, assuming no previous knowledge of any of the topics presented.
NOTE:a basic knowledge of how to use your computer and run programs is assumed.
This course is all about helping you changing your career path (or creating a new one) and acquire the necessary skills to jump into the job market as soon as possible.
Are you tired of courses teaching you skills that you cannot easily convert into a salary ? If so, this is the course for you.
Front End Development is an area of Web Development that includes all of the skills required to create the visual and interactive part of a Website. It’s a complex mix of skills and technologies and one of the most fast growing and well paid IT sectors of the moment.
A Front End Developer is the link between the graphic designer, responsible for creating the visual design of a Web Application and the Backend Developer responsible for creating the computational logic behind the application. The Front End Developer brings the application to life creating rich, compelling experiences and allowing the user to interact with the data behind the application.
This comprehensive course is aimed at students with no previous experience with Web Development or programming at all;
The course was recorded on a Mac OSX machine; You can still benefit from this course if you’re using Windows but you are required to have basic knowledge on how to use the Windows Explorer and create folders and files with it. You can easily avoid using the Windows command prompt (in the very rare videos that use the Terminal) and instead do what the video shows just using your WIndows Explorer (it’s mostly creating folders and files).
– What will I learn taking this course?
We’ll touch on all the foundational topics that form the toolbelt of a professional Front End Developer:
-
Semantic HTML
-
CSS
-
Responsive Web Development
-
Javascript, Ajax and a dash of jQuery
-
Backbone.js!
-
The art of Unit Testing (brownie points during an Interview!)
We’ll learn by doing, building projects and adding functionalities over time, as our knowledge expands.
– What will I get from this course?
By the end of the course, you’ll have all the tools and practical knowledge necessary to build visually rich Single page Web applications, try your luck with job interviews and kick-start your career as a Front End Developer!
Course Curriculum
Chapter 1: Introduction
Lecture 1: Before starting! please read me.
Lecture 2: Welcome and overview of the technologies we'll deal with
Lecture 3: Chrome, the browser we'll use during this course
Lecture 4: Development tools: the Editor
Lecture 5: Installing Sublime Text 3 (Mac)
Lecture 6: Installing Sublime Text 3 (Windows)
Lecture 7: Installing Sublime Text 3 (Linux)
Lecture 8: Advanced Topic: Running Sublime from the command line (Mac OSX)
Lecture 9: Advanced Topic: Sublime: Adding support for external plugins
Chapter 2: HTML Foundations
Lecture 1: Prologue: how a webserver works
Lecture 2: What is HTML
Lecture 3: Structure of a HTML page
Lecture 4: Structure of a HTML tag
Lecture 5: Let's start coding! our first html file!!
Lecture 6: Let's move it to the cloud with jsBin!
Lecture 7: The Html page, the Head and the Body
Lecture 8: Page Title, Headers and paragraphs
Lecture 9: Div and Span, block and inline elements
Lecture 10: Quick recap and an introduction to the DOM
Chapter 3: Semantic HTML
Lecture 1: More semantic tags: section, article, header and footer
Lecture 2: Navigating relationships with the anchor tag
Lecture 3: Form tags
Lecture 4: Form tags – continued
Lecture 5: Presenting a list of elements: the list tags
Lecture 6: Working with tabular data
Lecture 7: Displaying Images
Lecture 8: More semantic with Nav and Aside
Lecture 9: HTML Workshop: mini website
Chapter 4: CSS
Lecture 1: What is CSS
Lecture 2: Inline, internal or external styles
Lecture 3: CSS properties and measures
Lecture 4: The ID and Class attributes
Lecture 5: Id and class selectors
Lecture 6: The element selector
Lecture 7: The attribute selector
Lecture 8: Why do we need more selectors ?
Lecture 9: Relationship selectors
Lecture 10: Pseudo-class selectors
Lecture 11: CSS Box positioning
Lecture 12: The specificity rule
Lecture 13: Tree proximity ignorance
Lecture 14: An !important exception to the rule
Lecture 15: Text and Font properties
Lecture 16: Color properties
Lecture 17: A note on inheritance
Lecture 18: Element boundaries: borders, margins, padding and corners
Lecture 19: The CSS Box Model
Lecture 20: How inline and block level elements deal with dimensions
Lecture 21: Quick recap on box positioning
Lecture 22: Floating elements
Lecture 23: Clearing floats
Lecture 24: Quick recap on floating and clearing
Chapter 5: HTML and CSS Workshop: From a PSD to HTML/CSS!
Lecture 1: Resources for this section
Lecture 2: Start and custom Fonts
Lecture 3: Header
Lecture 4: Header (part 2)
Lecture 5: Footer
Lecture 6: Main visual
Lecture 7: Claims
Lecture 8: Portfolio
Lecture 9: Addendum: Fixing errata in Porfolio lecture
Lecture 10: A few final touches
Chapter 6: Javascript quickstart
Lecture 1: A programming language for the Web
Lecture 2: A note about Javascript and HTML rendering in the browser
Lecture 3: Our first running code
Lecture 4: Variables: a place to put things in
Lecture 5: Variable declaration and value
Lecture 6: Basic data types and operators
Lecture 7: The type of a variable
Lecture 8: Functions
Lecture 9: Functions in practice
Lecture 10: Library and API
Lecture 11: The Return statement
Lecture 12: Variable scope
Lecture 13: Let's talk about Objects
Lecture 14: The Object context
Lecture 15: Assignments by value or reference
Lecture 16: Another way to create an Object (or to skin a cat)
Lecture 17: The function Prototype
Lecture 18: The function Prototype workshop
Lecture 19: Strings.. revisited
Lecture 20: Function Callbacks
Lecture 21: Arrays and implicit iteration
Lecture 22: Conditional statements
Lecture 23: Explicit iteration with the for loop
Chapter 7: The browser environment: the DOM
Lecture 1: Javascript and the DOM
Lecture 2: Let's create some HTML using Javascript!
Lecture 3: DOM Events
Lecture 4: DOM Event handling exercise (part 1)
Lecture 5: DOM Event handling exercise (part 2)
Instructors
-
Davide Molin
Fullstack Software Developer
Rating Distribution
- 1 stars: 144 votes
- 2 stars: 239 votes
- 3 stars: 1329 votes
- 4 stars: 3691 votes
- 5 stars: 5160 votes
Frequently Asked Questions
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!
You may also like
- Digital Marketing Foundation Course
- Google Shopping Ads Digital Marketing Course
- Multi Cloud Infrastructure for beginners
- Master Lead Generation: Grow Subscribers & Sales with Popups
- Complete Copywriting System : write to sell with ease
- Product Positioning Masterclass: Unlock Market Traction
- How to Promote Your Webinar and Get More Attendees?
- Digital Marketing Courses
- Create music with Artificial Intelligence in this new market
- Create CONVERTING UGC Content So Brands Will Pay You More
- Podcast: The top 8 ways to monetize by Podcasting
- TikTok Marketing Mastery: Learn to Grow & Go Viral
- Free Digital Marketing Basics Course in Hindi
- MailChimp Free Mailing Lists: MailChimp Email Marketing
- Automate Digital Marketing & Social Media with Generative AI
- Google Ads MasterClass – All Advanced Features
- Online Course Creator: Create & Sell Online Courses Today!
- Introduction to SEO – Basic Principles of SEO
- Affiliate Marketing For Beginners: Go From Novice To Pro
- Effective Website Planning Made Simple