Full Stack Web Development Bootcamp | Frontend & Backend

Explore the basics of web development, including what a website is and the difference between web design and development. Learn frontend and full-stack skills, plus scope, trends, jobs and salaries.

Define a website as linked web pages and a web page as HTML content; explore static and dynamic sites, website types, and how HTML and WordPress enable building them.

Discover what web designing is and how to create a website with layout, header, navigation, sidebars, content, and footer, including HTML, CSS, Bootstrap, and JavaScript basics.

Explore what web development is, its core skills, and the roles of HTML, CSS, JavaScript, and databases with SQL. Learn how developers create frontend displays and backend functionality.

Explore the scope and trend of web development, from frontend to backend and full stack, including artificial intelligence, machine learning, computer vision, progressive web apps, and internet of things.

Explore the scope and trend of web development, including artificial intelligence, machine learning, e-commerce, computer vision, progressive web apps, and other future web capabilities and job opportunities.

Explore the scope and online market trends of web development and how freelancers find work on platforms like Upwork, Fiverr, and freelancer, including gigs and job filters.

Discover the range of web development jobs across frontend, backend, and full stack. Learn where to find opportunities on Upwork, freelancer.com, Fiverr, and 99designs, plus local and government roles.

Explore how web developer salaries vary across platforms like Total Jobs and Glassdoor, with annual ranges from about 21,500 to 70,000, including frontend, full-stack, and backend roles.

Explore the fundamentals of HTML, including basic structure, editors, article tags, headings, paragraphs, attributes, comments, and quotations, with practical examples and a first webpage demo.

Explore HTML basics, including tags, start and end tags, and the head and body structure, then practice with editors and view title and content in a browser.

Learn how HTML attributes add extra information to elements, enabling color, size, style, and image display via attributes like name and value in the tag.

Explore HTML headings from h1 to h6 and how to structure paragraphs with the p tag to create SEO-friendly articles, using examples that show block-level behavior and basic CSS styling.

Learn how HTML comments explain code without displaying in the browser, using the comment syntax like <!-- --> to document code for developers.

Learn to implement HTML quotations using the q tag for inline quotes and the blockquote tag for block quotations in HTML5. Create a file and view quotes in the browser.

Learn how to use the HTML style attribute to apply CSS styles. Use properties like background color, text color, width, height, text decoration, font size and family, plus text alignment.

Learn how to apply CSS to HTML using inline, internal, and external styles, target HTML elements, and style properties like border, color, background, padding, and margins.

Explore the difference between block level and inline elements in HTML, with practical examples of headings, paragraphs, bold text, links, and spans that display on the page.

Explore div and span tags, learn how to divide a web page into header, sidebar, and main content, and control styling with class and id attributes for layout and navigation.

Explore how to use the HTML class attribute to style elements with CSS. Learn to target multiple classes, apply shared styles, and use dot notation for class selectors.

Learn how the id attribute uniquely identifies HTML elements, applies CSS styles with the hash selector, and enables JavaScript access through element IDs with practical examples.

Learn to bookmark with ID and HTML hyperlinks to navigate a long web page, jumping to specific topics or headings using anchor links that scroll to in-page locations.

Explore HTML formatting tags such as bold, strong, italic, mark, and subscript, and learn how inline elements like the p tag format text, including original price and offer price.

Explore HTML color options, including color names, RGB values, hex codes, and hsl with alpha, and apply them to text and backgrounds for transparent, vibrant web designs.

Learn to insert images in a web page using the img tag with src and alt attributes, set width and height, and use formats like jpg, png, gif, svg.

Explore why images matter on websites, using simple, original diagrams designed in Photoshop to boost comprehension and engagement. Learn to optimize with alt attributes and keyword-friendly placements for better SEO.

Learn how to turn images into clickable links by wrapping an img tag with an a tag, setting href and alt text, and exploring the target attribute.

Discover how to specify HTML file paths to insert external files, such as images, JavaScript, CSS, and media, using relative paths from the current document via the source attribute.

Explore how to create hyperlinks with the HTML anchor tag, linking pages and documents, using href, target, and title attributes, and learn practical examples for navigation and tooltips.

Explore absolute URLs and relative URLs in HTML, using full paths with a protocol for cross-domain links and concise links on the same domain.

Learn to create and style HTML tables using table, tr, and td, with headers, body, and footer, plus colspan and rowspan merging.

Discover how to add a caption to an HTML table, adjust cell padding and spacing, and use table headings to present data, with examples and CSS styling.

Explore HTML lists, including unordered (ul) and ordered (ol) lists, with list items (li), bullets, styling, nested lists, and links, plus definitions lists (dl) and start/type attributes.

Explore how HTML definition lists create a dictionary-like structure using dl, dt, and dd tags, with practical examples and CSS styling to customize colors and display.