Xtreme Tutorials

--------------------------------
The Ultimate Fullstack Web Development Bootcamp | Part 1
--------------------------------
1. Web Development Fundamentals
--------------------------------
1.1. What is web development
1.2. How to get into web Development
1.3. What does it take to get into web development
1.4. Web development tools
1.5. How websites are created
1.6. Frontend vs. backend coding
1.7. What is fullstack web development
1.8. Working with teams
1.9. What is open source
1.10. Don't reinvent the wheel, leverage open source!
1.11. Your Project Getting started with your first line of code
--------------------------------
2. Understanding how websites work, a glimpse into the requestresponse lifecycle
--------------------------------
2.1. What is a browsers job
2.2. What does your browser do
2.3. What are web requests
2.4. The request lifecycle
2.5. What are server responses
2.6. Interpreting HTML, CSS, and JavaScript
2.7. Viewing your requests and responses
2.8. Your project
3. VS Code 101 A beautiful code editor
3.1. Finding a nice theme
3.2. Nice theme icons
3.3. Awesome VS Code extensions
3.4. How I use VS Code every day
3.5. Moving around VS Code
3.6. Shortcuts and hotkeys
3.7. Managing files in your editor
3.8. Different views
3.9. How to effectively use search
3.10. Typing in multiple places
3.11. Your project
4. HTML 101 A beginners guide to coding
4.1. What is HTML
4.2. Getting setup
4.3. HTML syntax
4.4. The base structure
4.5. Page titles
4.6. Paragraphs and headings
4.7. Whitespace doesn't matter
4.8. Nesting HTML elements
4.9. Bold, italics, and underlines
4.10. The div element
4.11. Block elements vs. inline elements
4.12. Linking to other pages
4.13. Opening links in new windows
4.14. Adding images
4.15. Linking an image to other web page
4.16. Horizontal rules and line breaks
4.17. HTML comments
4.18. Bullet point lists
4.19. Introduction to CSS CSS tags
4.20. Introduction to JavaScript Script tags
4.21. Sharing code with CodePen
4.22. Finding extra support
4.23. Your final project
5. HTML 201 Intermediate level HTML
5.1. No more underlines
5.2. Internal links
5.3. Favicons
5.4. Pathing
5.5. Introduction to tables
5.6. Table rows and cells
5.7. Merging table cells and rows
5.8. Table and cell widths
5.9. Table headers
5.10. Inline CSS
5.11. HTML classes
5.12. HTML ID's
5.13. Code formatting
5.14. HTML entities
5.15. Introduction to forms
5.16. Input elements
5.17. Textareas
5.18. Buttons
5.19. Dropdown menus
5.20. Embedding videos
5.21. Your Project
6. CSS 101 A beginners guide to beautiful websites
6.1. What is CSS
6.2. How does CSS work
6.3. CSS syntax overview
6.4. How to write inline CSS
6.5. How to write internal CSS
6.6. CSS selectors introduction
6.7. Writing element selectors
6.8. Writing class selectors
6.9. Selecting elements by their ID
6.10. Grouped CSS selectors
6.11. Selecting nested elements using CSS
6.12. How to comment out your code
6.13. Working with different text colors
6.14. Working with different color types
6.15. Applying styling to different link states
6.16. How to change font sizes
6.17. A glimpse into different measurement types
6.18. How to change your background colors
6.19. How to add images to your backgrounds
6.20. The most useful tool you can use the developer tools
6.21. Changing your text alignment left, center or right
6.22. Adding borders to your elements
6.23. How to add a rounded border
6.24. Vital Different display types
6.25. Changing the default width of an element
6.26. How to change the default height of an element
6.27. Adding box shadows for an eye-popping element
6.28. Padding the internal element spacing
6.29. Margin the external element spacing
6.30. How to set a maximum width on an element
6.31. How to make elements see-through
6.32. Moving your code to an external file
6.33. How to float your elements like a newspaper article
6.34. Your final project
7. CSS 201 Intermediate level CSS
7.1. The display property
7.2. IMPORTANT The box model
7.3. Outlines Borders around borders
7.4. How to add shadows to text
7.5. Forcing a minimum width on an element
7.6. Introduction to CSS positions
7.7. Relative positioning
7.8. Absolute positioning
7.9. Fixed positioning (like headers)
7.10. Sticky positioning (like modern headers)
7.11. Controlling overflowing text
7.12. Centering block elements in the middle of the page
7.13. Advanced CSS selectors
7.14. Introduction to pseudo selectors
7.15. Pseudo selectors getting started
7.16. Introduction to pseudo elements
7.17. The before and after pseudo elements
7.18. Changing the first letter and first line using pseudo elements
7.19. Highlighting text with selection
7.20. How to add smooth transitions
7.21. How to add gradient backgrounds
7.22. How to layer backgrounds and gradients together
7.23. How to use custom web fonts
7.24. What are transformations
7.25. How to make animations using CSS
7.26. Flexbox the new kind of page layout
7.27. Grid the promised land of page layouts
7.28. Your final project

The Ultimate Fullstack Web Development Bootcamp | Part 1

The Ultimate Fullstack Web Development Bootcamp | Part 1

Get Full Course Access

Highly Recommended Courses

Explore top skills

In-demand Careers

Popular Topics

Creative Skills

Business Skills

Choose your learning path