Learn Web Design, Python and MySQL: Bootcamp

Learn how to apply inline css to individual elements using the style attribute, experiment with color and text alignment on h1 and paragraph tags, and see real-time browser results.

Learn how to create internal CSS with style tags in the head, style the body and h1, adjust colors, and apply the same code across elements for reuse.

Learn how to link an external css file in the head to apply a single stylesheet across the project, controlling elements like headings and paragraphs and saving design time.

Learn how to create and apply css classes to html elements, set color and font-weight, and reuse a single class across paragraphs for consistent styling.

Apply id attributes to div elements to style sections, experiment with color and borders, and learn how ids differ from classes to manage padding and layout.

Explore applying colors on web pages with inline, internal, and style tags. Learn to use color names or color codes to set backgrounds for h1 and p elements.

Apply background colors with opacity in HTML, using the opacity property on the body and paragraph elements, and adjust opacity levels to control how the colors appear.

Master the css float property to position images within text, using left, right, none, and inherit, and learn how text wraps around floated elements in a paragraph.

Explore CSS positioning by learning how the position property controls element layout with static, relative, fixed, absolute, and sticky values, and see practical examples using borders and colors.

Set margins using the top, right, bottom, and left properties to control space around elements. Explore auto margins, browser calculations, and how lengths, percentages, and inheritance affect layout.

Learn how padding controls space inside elements, with top, right, bottom, and left values, including percentage-based and custom values, to align text and images and shape layouts.

Explore CSS borders by applying border-style, border-width, and border-color to boxes, experimenting with solid, dotted, dashed, double, groove, ridge, inset, outset, none, and hidden states to control appearance.

Learn how to style text on web pages by applying the font style property to create normal, italic, oblique, and bold text, using simple classes and paragraphs.

Learn how to apply text alignments using the text-align property, centering, left, and right alignment for headings and paragraphs across web layouts.

Learn to style links with css, including a:link, a:visited, a:hover, and a:active states, set colors for default, visited, hover, and active, and control behavior with target attributes and classes.

Apply font families in web design using the font-family property, mixing generic and specific fonts with sensible fallbacks such as Times New Roman, Arial, and Lucida Console.

Discover how to apply font styles in web design, including font family, font weight, bold, italic, and normal, using classes to control typography and text appearance.

Learn how to integrate Google Fonts into a web page by adding the font link in the head, applying font-family names like Tangerine, and experimenting with styles.

Explore the box model by building boxes around content using margins, padding, and borders. Apply these properties to divs, backgrounds, and classes to design spaced layouts for web pages.

Learn to apply icons using font awesome, link or download libraries for a local web project, and customize icons by size, color, and class names in the header.

Create and style HTML tables by defining headers and data rows, and apply borders, fonts, colors, and hover effects to produce a responsive, visually appealing table.

Learn to build a navigation bar with an unordered list of menu items and anchor links for home, about, products, and contact pages, with styling for an attractive active state.

Learn to build and style dropdowns with hover effects, create dropdown buttons and menus, and populate items as links or country lists using CSS positioning, colors, padding, and shadows.

Learn advanced selectors, including class selectors, universal selectors, and tag grouping, and apply color, text alignment, and background colors to elements to see how independent and grouped selectors work.

Master responsive form design using container, rows and columns, labels and inputs, placeholders, borders and padding, and universal styling to render accessible forms across devices.

Design a website layout by structuring the header, main content, and footer for end-user viewing. Build a three-column grid with responsive rules that become a single column on small screens.

Learn to apply rounded corners with the border radius property on paragraphs, inputs, and controls. Use classes or IDs to set radii for single corners or all corners.

Explore color keywords and transparent backgrounds in web design, experiment with light green panels, borders, and padding, and apply background images for richer visual effects.

Explore CSS animations using keyframes to move a box through color and position changes from 0% to 100% without JavaScript, with infinite iteration and customizable duration.

Explore how to use pseudo classes to style an anchor tag and implement hover effects with simple class examples in CSS.

Learn how to create and apply gradients to boxes, text, and backgrounds using linear gradients with color stops like red and yellow and control height and width.

Learn how to apply text shadow to various HTML elements like h1 and h2, adjusting color, offset, and blur radius to create blue shadow effects.

Apply the calc function to create layout calculations, using absolute positioning to stretch an element across the window with side gaps, and adjust borders, padding, color, and text alignment.

Learn how to create a responsive page using the viewport meta tag, ensuring a single page adapts across mobile, tablet, and desktop screens.

Learn modern button styles in HTML and CSS with a reusable button class for standard, link, and input type buttons. Master background, color, padding, text alignment, font size, and cursor pointer.

Learn how to implement pagination in web design by creating page numbers, left and right navigation, and an active state with CSS classes and hover effects.

Define multi-column layouts in HTML/CSS, control column count, gap, rules, and colors to create newspaper-style text that flows across columns.

Explore creating reflections of images in web design by applying a reflection effect to an image tag, adjusting direction and offsets to mirror the image and observe output changes.

Explore UI vs UX design and design thinking—from define to prototype and implementation—while applying color, typography, icons, and layout to a bank app example.

Learn how to integrate social media icons into a webpage using open source resources and font awesome, including obtaining free links and applying styling and colors.

Learn how to add external css styles by linking an external css file to your html, apply classes and selectors, and customize text color, background, and fonts across devices.

Learn Python, a high-level, general-purpose programming language and interpreter that uses significant indentation and braces-free blocks. See its object-oriented design enables code reuse and supports large-scale projects and libraries.

Explore Python’s easy-to-learn syntax and its ability to build web applications, compared with Java’s faster runtime and longer code; Python’s shorter, dynamically typed approach enables rapid development.

Discover why Python is popular across software, data analytics, and AI, with its vast libraries, visualization, machine learning, robotics, IoT, and web and mobile development.

Learn command line basics across Windows and Linux, including navigating directories with cd, listing files with dir and ls, clearing the screen, and understanding prompts for Python installation.

Learn to install python on windows through a step-by-step download from the official site, select python 3.10.2, and verify the setup with idle and a simple print.

Learn to install PyCharm IDE community edition, choose between professional and community editions, download for Windows/macOS/Linux, set the path variable, and launch your first Python project.

Learn how to start PyCharm IDE, create a new Python project with a virtual environment, configure the interpreter, and set up the basics to run your first program.

Write and run your first Python hello world program in an IDE by creating a new Python file, writing a print statement, and executing to view the output.

Learn to declare Python variables, assign values, and follow naming rules using letters, numbers not at start, and underscores; print variables and work with strings.

Explore Python data types such as strings, integers, floats, and booleans, using type() to identify types, declare variables, and perform basic operations and concatenation.

Explore type casting by converting values between data types such as int, float, and string in Python, and learn how data loss occurs when casting floats to integers.

Learn how to capture user input via the input function, assign it to variables, and convert strings to integers or floats for arithmetic and printing with dynamic feedback.

Learn how to use single-line and multi-line comments in Python to explain code, improve readability, and document intent, while the compiler ignores them and they do not affect execution.

Master strings in python by using double quotes to avoid syntax errors with apostrophes, and employ triple quotes for multi-line text.

Learn string indexing in Python with zero-based positions, reading characters from left to right using positive indices. Explore negative indices starting from minus one for right-to-left access.

Explore string slicing in Python by learning how to index and slice to extract characters, and reverse strings using slicing syntax.

Explore Python string built-in functions, learn how to call these functions, and apply methods like length, upper and lower case, replace, and membership checks to manipulate strings.

Practice dynamic string formatting in Python by inserting variables into a format string, using curly braces and f-strings to create labels, letters, and input-driven content.

Learn how Python handles arithmetic operators on integers and floats, including addition, subtraction, multiplication, division, modulus, and exponentiation, with parentheses and operator precedence.

Learn how assignment operators in Python work, including the equals sign, plus-equal, minus-equal, and star-equal operators, with examples like x = x + 3 and x += 3.

Explore comparison operators in programming, including greater than, less than, equal to, and not equal to, and apply them to conditional statements with temperature examples and practice.

Learn how to use logical operators: and, or, not, to combine conditions for decision making and flow control in code, with examples of true outcomes.

Explore the and operator and how it yields true only when all conditions hold, illustrated with boolean expressions and real-world checks like income, credit score, and loan eligibility.

Discover how the or operator blends truth values in logical expressions to decide loan eligibility based on income and credit, with true/false examples.

Explore the not operator and negation in boolean expressions, true/false outcomes, and how it affects loan eligibility, alongside and, or, and comparison operators.

Explore booleans by evaluating true or false statements, practice boolean expressions with comparison operators, and apply them in if conditions to control program flow.