Description
In this course, you will :
- Become a modern and confident HTML and CSS developer, no prior knowledge needed!
- Modern, semantic and accessible HTML5
- Important CSS concepts such as the box model, positioning schemes, inheritance, solving selector conflicts, etc.
- Modern CSS (previous CSS3), including flexbox and CSS Grid for layout
- Javascript
Syllabus:
1. HTML (HyperText Markup Language)
- Html: Table Of Contents
- What is HTML and why use it?
- Working Environment - Codepen.io.
- How to use HTML tags and attributes?
- How to create headings, paragraphs and other?
- How to create links (relative and absolute URLs) to other web pages or files?
- How to insert images into web pages? Image attributes: src, alt, width ...
- How to create tables to display data in rows/columns?
- Create forms and collect user input. Form elements: inputs, select, other
- How to use HTML5 semantic elements, such as header, footer, nav, article, sectio
- How to use audio elements?
- How to use video elements?
2. CSS (Cascading Style Sheets)
- CSS: Table Of Contents
- What is CSS and why use it? Write and link CSS files
- How to select HTML elements by tag, class, id, attribute and other
- CSS Properties Paddings & Margins
- How to use CSS layout techniques, such as display, position, float, and overflow
- How to use CSS box model and flexbox to create flexible and responsive layouts?
- How to use CSS grid to create complex and grid-based layouts?
- CSS animation. Add motion and interactivity: keyframes, transition, transform...
- How to use CSS media queries to adapt web pages to different screen sizes
- CSS variables. var() function and custom properties, such as color, font-size
- How to use CSS preprocessors to extend the functionality and syntax of CSS?
3. JavaScript
- Javascript: Table Of Contents
- What is JavaScript and why use it?
- How to use JavaScript syntax and conventions?
- How to declare and assign variables in JavaScript?
- How to use different data types, such as string, number, boolean, null, other
- How to use conditional statements, such as if, else, switch, and ternary
- How to use loops: for, while, forEach?
- How to use continue statements?
- How to define and invoke functions in JavaScript?
- How to understand and use scope and closure?
- How to create and manipulate arrays and objects in JavaScript? Push, pop, slice
- How to use spread, and rest operators?
- How to use classes and inheritance to create and reuse objects in JavaScript?
- How to use static methods and properties?
- How to use promises and async/await to handle asynchronous operations...
- HTTP requests - Get VS Post methods.
- Most popular ways to make an HTTP request in JavaScript: Ajax, jQuery methods...
- SetTimeout() Global Function
- SetInterval() Global Function
- Errors Will Happen! Throw, and Try...Catch... and Finally statements.