Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
CSS, Bootstrap ,JavaScript, Web Development Course
Rating: 4.4 out of 5(1,966 ratings)
119,236 students

CSS, Bootstrap ,JavaScript, Web Development Course

Learn Web Development Complete Course, CSS, Bootstrap And JavaScript complete Web development Stack course 2022
Last updated 2/2022
English
English [Auto],

What you'll learn

  • Introduction to Web development with learning CSS And Bootstrap JavaScript Programming Language
  • Write CSS Scripts And Understanding Concepts,Practically Getting Started With CSS Styles, CSS 2D Transform, CSS 3D Transform
  • Bootstrap Crash course,Introduction to bootstrap concepts
  • Bootstrap Grid system,Forms, Badges And Alerts
  • Getting Started With Javascript Variables,Values and Data Types, Operators and Operands
  • Write JavaScript scripts and Gain knowledge in regard to general javaScript programming concepts
  • Introduction And Use of JavaScript Variables, JavaScript Arrays, JavaScript Objects

Course content

3 sections56 lectures4h 45m total length
  • CSS IN HTML10:05

    Explore how to include CSS in HTML through inline styles, embedded styles in the head, and external stylesheets, using linking and importing and common selectors.

  • CSS Introduction6:04

    Explore the fundamentals of CSS and how cascading style sheets define the look and layout of web pages, with HTML basics, Bootstrap, and browsers like Chrome and Firefox.

  • CSS Basic Syntax3:46

    Explore the CSS basic syntax by placing a style tag in the head, styling the h1 with blue color and a font, and using colons and semicolons to separate attributes.

  • CSS Fonts5:47

    Explore how CSS fonts control typography by selecting font-family with fallbacks, applying font-style, font-weight, font-size, and font-variant, and using shorthand to style text efficiently.

  • CSS Text5:43

    Explore how to style text with CSS properties such as color, direction, letter-spacing, word-spacing, text-indent, text-decoration, text-transform, and text-shadow. See practical implementations on paragraphs with live browser previews.

  • CSS Links3:19

    Style hyperlinks with the anchor tag in CSS, controlling default, visited, hover, and active colors. Remove underlines with text-decoration: none and reveal them on hover, using HTML and CSS examples.

  • CSS Layers2:42

    Master css layers and z-index to stack divs with absolute positioning, using top and left offsets to create depth. See how color and z-index order determine which layer remains top.

  • CSS Lists4:30

    Learn to style css lists with list-style-type values like disk, circle, and square. Create inline and nested lists using float left and style none, and use roman or alpha numbering.

  • CSS Animation10:20

    Explore css animation fundamentals by animating a red square through keyframes, color transitions from red to yellow to green, and motion using left and top with delays and direction options.

  • CSS 2D Transform3:43

    Explore 2d transformations in css, demonstrating rotate and skew on the x and y axes with 20-degree rotations, clockwise and anticlockwise options, and a practical implementation that previews upcoming animation.

  • CSS 3D Transform2:55

    Explore css 3d transformations by rotating a box along the x, y, and z axes. See practical 3d rotation using translate and rotate functions on a div and its setup.

  • CSS Color Introduction3:29

    Learn CSS color fundamentals by using four methods: hexadecimal codes, short hexadecimal, RGB values from 0 to 255, and color keywords to style text and backgrounds.

  • CSS Colors 23:52

    Explore CSS colors in depth, learn to set opacity with rgba and the opacity property, compare rgb and hsl values, and understand hex and color names for precise web design.

  • CSS Cursors2:26

    Explore CSS cursors by applying default, pointer, text, wait, and resize icons through a practical example that demonstrates how cursors change on hover and during actions.

  • CSS Padding3:47

    Explore how CSS padding creates the space between text and an element's border. Learn top, right, bottom, and left values, including pixels and percent, plus patterns for multiple values.

  • CSS Positioning6:43

    Explore CSS positioning techniques, including absolute, relative, and fixed positioning, and learn how top and left coordinates place elements, relative to the screen or their container, with practical comparisons.

  • CSS Dimensions3:48

    Learn to set border dimensions and resize boxes with height and width, using min-height, max-height, min-width, and max-width, while padding and margin shape content in the dom.

  • CSS Rounded Corners5:20

    Learn to create rounded corners in CSS with border-radius, applying equal or varied radii per corner, including single, two-value, three-value, and four-value syntax for box styling.

  • CSS Visibility2:21

    Explore controlling content visibility with css using visibility: hidden and hover reveals. Implement a practical example with paragraphs in a head style tag to toggle visibility.

  • CSS Scrollbars2:26

    Discover practical techniques to add vertical, horizontal, or both scrollbars to a box when content overflows, using the CSS overflow property and a box-style container.

  • CSS Selectors12:03

    Explore four basic css selectors—name selector, class selector, id selector, and universal selector—through embedded styles to apply styles to headings, paragraphs, and other elements across a document.

  • CSS Background5:39

    Explore CSS backgrounds, applying color or images to paragraphs or the whole document. Control background repeat, position, and attachment with examples like no-repeat, repeat-x, repeat-y, and fixed.

  • CSS Gradient4:10

    Explore how to create and customize gradient backgrounds using linear and radial gradients, control direction and color stops, and apply repeating gradients with color percentages.

  • CSS Images2:01

    Learn how to style images with CSS to enhance web pages, using borders—three-pixel red dotted, dashed, and one-pixel solid green borders via the img tag and style attribute.

  • CSS Borders5:26

    Design borders using css border properties to control width, color, and style for paragraphs, divs, and images, including per-side variations and common values.

Requirements

  • Basic Computer Knowledge
  • Basic HTML Knowledge

Description

Learn CSS and Bootstrap and Javascript Web Development stack all in one complete course

section 1- CSS course with basics and advanced concepts of CSS

  • ever wonder how the latest website designs are made? Cascading Style Sheets (CSS) are the main coding files used to layout a website and its design. CSS 3 is the latest in styling standards, and it brings several new properties and declarations you can use to make your website design more easily created. CSS is currently the only standard in website design that plugs directly into your HTML, even the latest HTML 5 standards. With CSS 3 and HTML 5, you can create the latest interactive pages for your website viewers.

  • this course shows you how to create CSS classes from a beginner's level. It starts off with basic HTML declarations, properties, values, and how to include a CSS style sheet with your HTML code. For those of you who are new to CSS and HTML, we show you step-by-step how to create a CSS file and include it in your HTML code, even if you use a cloud server for your hosting.

  • we show you how to position your elements, layout your elements relative to your documents, and style your HTML using predefined CSS values. We introduce you to the common CSS styling that you'll need when you start off designing your pages. If you want to get to know CSS and website design, this course is meant for you, and it can be used by anyone who hasn't even seen one line of CSS code yet. We focus on the latest CSS 3 and HTML 5 standards, so you get the latest when coding your website pages instead of focusing on older code.

  • there are no prerequisites. Anyone Can join this course. It is recommended though that individuals have some basic computer programming knowledge.


  • Course Topics


  • Introduction to CSS

  • inclusion Of CSS In HTML

  • CSS syntax

  • CSS styling Text

  • CSS page backgrounds

  • CSS 2D transform

  • CSS 3D transform

  • CSS animation

    and more....



  • Section 2- Learn bootstrap in a crash course


  • bootstrap grid system

  • bootstrap alerts

  • bootstrap badges

  • bootstrap forms

  • bootstrap breadcrumb

  • bootstrap  labels

  • and more...


  • Section 3- learn javascript programming language

    • The course is created with thorough, extensive, but easy-to-follow content that you’ll easily understand and absorb.

      The course starts with the basics, including JavaScript fundamentals, programming, and user interaction.


      the curriculum is going to be very hands-on as we walk you from start to finish to become a professional Javascript developer. We will start from the very beginning by teaching you Javascript basics and programming fundamentals, and then execute into real-life practice and be ready for the real world.


    • while Javascript is complicated for beginners to learn, it is widely used in many web development areas.

    • this course gets you started with an introduction to JavaScript. It assumes that you're new to the language, so it gets you started with basic functionality such as creating functions, creating variables, and calling these lines of code from your standard HTML pages. It talks about events and triggers for custom event handling. It talks about pattern matching, searching for text within a page, flow control, and the document object model (DOM). We start off with the basics and move on to more complex functionality such as arrays and objects. We then discuss how to script common elements with JavaScript such as forms and tables. At the very end, we discuss major libraries such as Ajax, which allows you to make asynchronous calls to server-side scripts without reloading the web page in the server.

    • Master the fundamentals of writing Javascript scripts

    • Learn core Javascript scripting elements such as variables and Objects

    • Discover how to work with lists and sequence data

    • Write Javascript functions to facilitate code reuse

    • Use Javascript to read and write files

    • Make their code robust by handling errors and exceptions properly

    • Search text using regular expressions

    • The topics covered in this course are:

      * javascript course contents:

    • Javascript introduction

    • Javascript array

    • Javascript variables

    • Javascript functions

    • Javascript objects

    • Javascript control statements

    • Javascript cookies

    • Javascript loop statements

    • Javascript data structures

    • Javascript error handling

    • Javascript regular expressions

Who this course is for:

  • Beginner Full Stack Developers
  • Beginner Web Developer