Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
CSS, JavaScript And PHP Complete Course For Beginners
Rating: 4.3 out of 5(1,461 ratings)
126,029 students

CSS, JavaScript And PHP Complete Course For Beginners

Learn CSS and JavaScript and PHP programming language with practical interaction
Last updated 2/2022
English
English [Auto],

What you'll learn

  • Introduction to CSS And JavaScript concepts And PHP Programming Language
  • Theory And practical demonstrations of CSS concepts
  • Write CSS Scripts And Understanding Concepts
  • Practically Getting Started With CSS Styles, CSS 2D Transform, CSS 3D Transform
  • 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
  • PHP Section Introduction to PHP, Various Operator types , PHP Arrays, PHP Conditional statements
  • Getting Started with PHP Loops, PHP Function Statements, PHP Decision Making
  • Getting Started with PHP 7 concepts PHP CSPRNG And PHP Scalar Declaration
  • Getting Started with PHP Function Statements And PHP Decision Making

Course content

3 sections75 lectures7h 11m total length
  • CSS IN HTML10:05

    Explore how to include CSS in HTML using inline styles, embedded styles, and external style sheets, and learn selectors and inheritance for page-wide or targeted styling.

  • CSS Introduction6:04

    Discover the basics of cascading style sheets (css) and how they shape page appearance. Understand selectors, cascading behavior, and benefits like easier maintenance and faster loads.

  • CSS Basic Syntax3:46

    Embed styles in the head with a style tag, using color and font-family rules. Style the h1 and body elements to render blue and green text, illustrating basic css syntax.

  • CSS Fonts5:47

    Explore styling text with CSS fonts, including font family fallbacks, weight, style, variant, and size. Apply bold, italic, small caps, and shorthand font properties for consistent typography.

  • CSS Text5:43

    Explore how to style text with CSS, including color, direction, letter spacing, word spacing, and text indent. See examples of text decoration, text transform, and text shadow to enhance typography.

  • CSS Links3:19

    Explore how to style hyperlinks using css by targeting the anchor tag, removing underlines, and applying colors for unvisited, visited, hover and active states to control link appearance.

  • CSS Layers2:42

    Learn how css layers use z-index to stack absolutely positioned elements. See a practical example with three colored divs to demonstrate top-to-bottom order.

  • CSS Lists4:30

    Discover how to customize css lists by applying list style types such as disk, circle, square, and roman or alpha numerals, with inline, vertical, none, and nested list options.

  • CSS Animation10:20

    Learn how CSS animation uses keyframes to transition a red box from red to yellow to green. Explore controlling duration, delay, iteration count, and direction, including alternate and reverse.

  • CSS 2D Transform3:43

    Explore CSS 2D transform techniques, including rotate, skew, and translate along the x and y axes, with practical examples of clockwise and anti-clockwise rotations, and upcoming animation demonstrations.

  • CSS 3D Transform2:55

    Learn how CSS 3d transformations apply rotation along the x, y, and z axes using rotateX, rotateY, and rotateZ on a div box, with practical examples.

  • CSS Colors Introduction3:29

    Master four CSS color methods—hex codes, short hex, RGB values, and color keywords—and apply them to text or background, using red, green, and blue to mix hues.

  • CSS Colors 23:52

    Explore CSS colors in this lesson by using rgb and rgba values, adjusting opacity, and working with hsl for hue, saturation, and lightness to create various shades.

  • CSS Cursors2:26

    Explore CSS cursors to change the mouse pointer for loading indicators, text, hyperlinks, and resize handles, and understand browser differences in cursor rendering.

  • CSS Padding3:47

    Master CSS padding to control the distance between text and borders using top, bottom, left, and right values. Learn single, two, and three-value syntax with pixels and percent for spacing.

  • CSS Positioning6:43

    Apply absolute, relative, and fixed positioning to control element placement, referencing coordinates, and observe how fixed elements stay visible during scrolling.

  • CSS Dimensions3:48

    Explore how to set and constrain element dimensions with CSS by adjusting height, width, and border-related sizing, including min-height, max-height, min-width, and max-width, while considering padding and margins.

  • CSS Rounded Corners5:20

    Explore how to create rounded corners with CSS border-radius, applying one radius to all corners or assigning different radii per corner, including examples with color, borders, and images.

  • CSS Visibility2:21

    Learn how to control content visibility with CSS, showing or hiding elements at runtime, using the visibility property. Explore hover effects and simple paragraph examples.

  • CSS Scrollbars2:26

    Learn to handle content overflow by adding vertical, horizontal, or both scrollbars to a box using the CSS overflow property; implement a scrollable box with defined dimensions.

  • CSS Selectors12:03

    Explore CSS selectors, including the name selector, class selector, ID selector, and universal selector, and see how to apply embedded style sheets to headings, paragraphs, and nested elements.

  • CSS Background5:39

    Explore CSS background basics, applying colors and images to paragraphs or the whole document, and control repetition, positioning, and fixed attachment for dynamic page designs.

  • CSS Gradient4:10

    Learn to create CSS gradients using linear and radial techniques, with multiple color stops, directional options (top-to-bottom, left-to-right, diagonal), and repeating radial gradients applied to a div.

  • CSS Images2:01

    Explore practical image formatting in css by styling images with the img tag, using the style attribute to apply borders—dotted red, dashed, or solid green—for an attractive web page.

  • CSS Borders5:26

    Design CSS borders for paragraphs and divs with varied widths and colors. Explore border styles like solid, dashed, double, groove, ridge, inset, hidden, and dotted through practical code examples.

Requirements

  • Basic Computer Knowledge
  • Basic HTML Knowledge

Description

Learn CSS And Javascript And PHP Complete Course For Beginners

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 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



      section 3- learn PHP programming language

      In this section, we will learn the basic structure of a web application, and how a web browser interacts with a web server. You'll be introduced to the request/response cycle, including GET/POST/Redirect. You'll also gain an introductory understanding of Hypertext Markup Language (HTML), as well as the basic syntax and data structures of the PHP language, variables, logic, iteration, arrays, error handling, and superglobal variables, among other elements.


    • The topics covered in this PHP course are:


    • PHP various operator types

    • PHP arrays

    • PHP conditional statements

    • PHP loops

    • PHP function statements

    • PHP decision making

    • PHP file Input and Output

    • PHP web concepts

    • PHP MySql API

    • PHP CSPRNG

    • PHP scalar declaration

  • Thank you see you inside the course

Who this course is for:

  • For People New to CSS And JavaScript
  • For People New to Web Designing
  • For People New to PHP Programming Language