Companies Home Search Profile

Frontend web developer Modern HTML CSS JavaScript

Focused View

Laurence Svekis

11:21:20

10 View
  • 1 - Introduction to getting started with course and HTML code.mp4
    01:57
  • 2 - Getting Started with WebDesign Create your web environment start coding.mp4
    08:53
  • 3 - Source Code and Resource Guide.html
  • 3 - Web-Design-HTML-Source-Code-Guide.pdf
  • 4 - How to Create Your First html Page HTML coding beginners.mp4
    11:22
  • 5 - What is an HTML element how HTML works HTML samples.mp4
    08:30
  • 6 - Start with HTML Headings Common Tags HTML.mp4
    07:56
  • 7 - Create HTML Self Closing Tags how they work.mp4
    02:22
  • 8 - Setting Element Attributes in HTML code.mp4
    07:01
  • 9 - How to create links HTML hyperlinks HTML Links anchor Tag.mp4
    09:23
  • 10 - Adding images to HTML pages HTML Images.mp4
    04:14
  • 11 - HTML lists adding content lists with HTML Lists UL OL DL.mp4
    05:24
  • 12 - What are HTML Tables and how to use tables to present readable content.mp4
    07:38
  • 13 - HTML5 new Semantic Elements meaning in the element tag name.mp4
    06:03
  • 14 - How to create a simple HTML webpage WebPage HTML.mp4
    13:50
  • 15 - HTML online Create a GitHub Page Create your first webpage on GitPages.mp4
    04:42
  • 16 - Introduction to getting started with CSS.mp4
    01:18
  • 17 - Resource Guide and Source Code.html
  • 17 - Web-Design-CSS-Source-Code-Guide.pdf
  • 18 - Adding Styling to your HTML with CSS code for beginners.mp4
    17:26
  • 19 - Styling Overview Get Styling with CSS.mp4
    08:13
  • 20 - Colors Background and Font Color with CSS update HTML element colors.mp4
    12:44
  • 21 - What is the CSS Box Model Box Model Border Padding Margin.mp4
    14:05
  • 22 - Text options with CSScode setting properties and value to transform text and te.mp4
    12:10
  • 23 - Adding Fonts and Font Styles to your web page elements with CSS.mp4
    14:31
  • 24 - Link States PseudoClasses setting different states withCSS.mp4
    09:21
  • 25 - How to set Display Properties for page elements CSS styling code examples inline.mp4
    07:27
  • 26 - CSS Position static relative fixed absolute sticky examples.mp4
    07:37
  • 27 - CSS Float setting floats in CSS setting left right and none clearing floats.mp4
    06:33
  • 28 - More Useful CSS Properties zindex outline overflow maxwidth and more.mp4
    08:04
  • 29 - CSS Combinators to select elements from your HTML page options and examples.mp4
    07:51
  • 30 - Examples of common CSS Pseudo Elements firstLetter firstLine after adding conten.mp4
    04:11
  • 31 - How to create a simple CSS styled website Responsive Website CSS Float.mp4
    11:42
  • 32 - Creating a Responsive Website withCSS Flexbox setup 3 column designsite example.mp4
    12:22
  • 33 - How to create a fully responsive website with CSS Grid Modern web design CSS.mp4
    09:00
  • 34 - Introduction to coding JavaScript making pages interactive.mp4
    01:49
  • 35 - JavaScript source code and resource guide.html
  • 35 - Web-Design-JavaScript-Code.pdf
  • 36 - Getting Started with JavaScript introduction to JavaScript code with examples.mp4
    10:40
  • 37 - How to setup your LiveServer local web design setup for http local pages.mp4
    04:14
  • 38 - JavaScript Variables Let and Const and how to assign values to variables declare.mp4
    12:04
  • 39 - what are JavaScript data types and how to set datatypes basic data types strings.mp4
    08:48
  • 40 - JavaScript Objects and Arrays for storing multiple values in the same variable.mp4
    14:35
  • 41 - Examples of operators in JavaScript code how operators work.mp4
    10:02
  • 42 - What JavaScript functions are how to pass arguments into a function and return.mp4
    15:59
  • 43 - JavaScript Conditions applying logic in code in JavaScript example.mp4
    08:50
  • 44 - Adding loops in your JavaScript code with examples of loop methods.mp4
    15:09
  • 45 - Introduction to JavaScript DOM with coding examples.mp4
    01:52
  • 46 - Resource and Source Code Guide.html
  • 46 - Web-Design-JavaScript-DOM.pdf
  • 47 - Introduction to the DOM and the DOM tree with JavaScript.mp4
    10:56
  • 48 - Element Selection from webpages with JavaScript code examples.mp4
    16:05
  • 49 - JavaScript Element Manipulation DOM select and update your page elements with co.mp4
    11:29
  • 50 - How to set Styling attributes with JavaScript code update web page elements.mp4
    17:16
  • 51 - DOM and Form Elements getting values from input fields with JavaScript code.mp4
    05:35
  • 52 - DOM Element Event Listeners create interactive web pages with JavaScript.mp4
    17:59
  • 53 - How to add event listeners to your web page elements with JavaScript code.mp4
    16:21
  • 54 - Setting page events listen for DOMcontent loaded and keyup and keydown events.mp4
    09:52
  • 55 - How to create page elements with JavaScript code.mp4
    13:30
  • 56 - Update element position and move page elements with JavaScript code.mp4
    07:17
  • 57 - How to add animation to your webpage elements using JavaScript requestAnimation.mp4
    16:51
  • 58 - How-to-Create-a-Website-1.pdf
  • 58 - Source Code and Resource Guide for this section.html
  • 59 - HTML structure Tags.mp4
    16:01
  • 60 - Create an HTML Page.mp4
    08:17
  • 61 - Use CSS to design a responsive NavBar for the website.mp4
    11:35
  • 62 - Add Google Fonts select from web fonts CSS web design.mp4
    08:26
  • 63 - How to style main web page content create columns.mp4
    06:44
  • 64 - How to add columns to web page footer CSS web design lesson.mp4
    07:09
  • 65 - Add JavaScript for navbar functions.mp4
    07:17
  • 66 - Learn more about Arrow function expressions.mp4
    15:45
  • 67 - Source code Arrow function expressions code examples.html
  • 68 - JavaScript Array Method Every Compare Array Contents.mp4
    08:57
  • 69 - Source Code Array Every Method return Boolean condition result.html
  • 70 - How to add values from an array together for loop examples.mp4
    03:36
  • 71 - Source Code How to add values from an array together for loop examples.html
  • 72 - JavaScript DOM welcome Message.mp4
    07:43
  • 73 - Source Code Welcome message JavaScript DOM code example.html
  • 74 - JavaScript Closure simple Example.mp4
    07:00
  • 74 - JavaScript-Lessons-2023-V1.pdf
  • 75 - JavaScript Closure with Values.mp4
    05:42
  • 76 - JavaScript Closure explained.mp4
    06:59
  • 77 - JSON and JavaScript.mp4
    12:04
  • 78 - Making a request xHR vs Fetch.mp4
    11:33
  • 79 - JavaScript Image Gallery Dynamic and element selection.mp4
    13:13
  • 80 - Git-and-GitHub-Pages-Setup-1.pdf
  • 80 - Learn GitHub how to setup a GitPage update from local drive.mp4
    09:36
  • 81 - JavaScript coding exercise.mp4
    02:40
  • Description


    Quick Starting guide for Web design covering all the modern coding syntax for HTML CSS and JavaScript and JavaScript DOM

    What You'll Learn?


    • How to create web pages with HTML and CSS
    • Create interactive web content with JavaScript
    • Basics of coding JavaScript
    • Bring your web pages to life with Code
    • Modern Responsive WebSites
    • Interactive and Dynamic Web Pages

    Who is this for?


  • Beginner to web design
  • Anyone who wants to learn more about coding
  • Anyone curious to learn HTML CSS and JavaScript
  • Anyone who wants a quick and easy way to start coding
  • Anyone who wants to create websites
  • What You Need to Know?


  • Basic computer skills
  • Basic internet skills
  • How to install and setup applications
  • More details


    Description

    Web Design for Beginners Modern HTML CSS JavaScript coding

    Learn how to

    • How to create web pages with HTML and CSS

    • Create interactive web content with JavaScript

    • Basics of coding JavaScript

    • Bring your web pages to life with Code

    • Modern Responsive WebSites

    • Interactive and Dynamic Web Pages

    Are you curious about creating websites, this course is the perfect place to start.

    Enroll now to get instant access to:

    • 9+ hours of premium lessons

    • 16 page downloadable workbook HTML source code, tips, resources and challenges

    • 32 page downloadable workbook CSS includes source code, tips, resources and challenges

    • 10 + 17 page downloadable workbooks JavaScript includes source code, tips, resources and challenges

    • Premium instructor support to help you learn

    • Lifetime access to course updates

    Learn all the core fundamentals of modern web design, covering all the commonly used syntax for HTML and CSS. This course is designed to get you started quickly and easily with creating web pages.

    Course covers all the essentials so that you can begin quickly on your journey to create amazing looking websites. Add JavaScript to make your web pages come to life.

    Covering the core concepts of JavaScript so that you can try the code and get familiar with what it does. Using JavaScript you can access the HTML DOM in the browser which allows you to interact and manipulate web page content. JavaScript creates the interactive and dynamic content seen today in all major modern web pages.

    Explore how you can start coding quickly and focus on designing your webpages, loaded with source code and examples.

    Each section comes with a PDF guide that includes useful section resources, and source code from the lessons so that you can try the code for yourself.

    Learn HTML - how to create an HTML file and structure your HTML code in a modern format ready to be styled. Lessons of this section cover how to get started with coding and creating web pages.

    Setup your Editor and create HTML files

    Debug your code

    HTML tags for page structure

    What makes up an HTML element

    What are Self closing Tags

    How to use Element Attributes

    Linking pages together with Hyperlinks

    Adding Images to your web page

    Lists and Tables for readable content

    Semantic Page elements

    How to create a simple webpage

    Go live with a Github page and your HTML site

    Learning HTML covers the following code.

    • Editor and setup to write HTML - create an html file

    • Anatomy of an HTML element - opening tag, content, element, closing tag

    • 4 must add tags for HTML pages html, head, title, body

    • Comments in Code

    • Create a basic template

    • Introduction to common HTML tags

    • Self closing tags



    • Tag attributes (id, style, class)

    • anchor tag hyperlinks connecting pages

    • add images- self closing tags

    • Lists

      • tables

      • HTML semantic elements

      • Learn CSS

        What CSS is and how you can style your web pages with Cascading Style Sheets. HTML provides structure for your webpage, CSS allows you to style your page. Design the page with your style, setup page layouts, add colors, fonts, and more. Present your web pages as you want them to look, independent of the HTML you can make your web content look and style as you imagine it should.

        Explore how to add CSS to your HTML page

        How to add colors to page element backgrounds and text

        What the box model is and how you can apply borders, margins, and padding to any page element.

        Style the text, update the font and customize your text output.

        Update you links, adding Pseudo classes to your page elements

        How to apply display properties, position and floats to set up your page layout.

        Really useful CSS properties explored

        CSS combinators for selection of elements.

        How to build a responsive webpage with CSS float, CSS grid and CSS flexbox.

        Use CSS  Cascading Style Sheets common syntax covered in this section.

        • Google Chrome Dev Tools

        • Adding Styling to HTML tags style

        • CSS rule CSS Syntax (Selector) (Declaration) {Property:value}

        • Element Selection by tag name, id, class

        • Comments in Code

        • Colors - Color types named colors HEX RGB RGBA

        • Background - color - image - repeat - attachment - position - background shorthand

        • Box Model - Borders - Margins - Padding - Height and Width

        • Text - text-align text-decoration text-transform

        • Fonts - font-style Google Fonts

        • Link states - a:link a:visited a:hover a:active

        • Display Properties - inline - none - block

        • Position : static relative fixed absolute sticky

        • Float and clear left right and none

        • CSS combinators for selection - space child selector >

        • Pseudo-classes - :hover, :first-child, last-child, :nth-child(2)

        • Pseudo-Elements - ::first-line , ::first-letter, ::after

        • Web Design Floats - Responsive design

        • CSS Grid - display: grid; grid-template-areas:

        • CSS Flexbox - axis row and column

        Learn JavaScript Basics

        JavaScript code runs your browser as your html page loads. Adding JavaScript to your code can improve the user experience of the web page. Go from a static webpage to an interactive one with JavaScript. This section will cover the basics of getting started with JavaScript and the code syntax to write JavaScript code. JavaScript is a set of instructions you can add in your code to let the browser know what to do next.

        Variables are at the heart of coding

        The different data types of JavaScript and how JavaScript can set the data type.

        The power of Objects and Arrays and how you can use them to store multiple values in one variable.

        Operators to provide calculations within your code

        Functions to run predefined blocks of code as needed.

        Conditions for logic within your code

        Loops to save time and iterate over blocks of code

        Learn JavaScript to make your webpages more interactive.

        • JavaScript Introduction alert prompt

        • Variables Let and Const

        • Operators

        • Arrays and Objects

        • Data Types

        • Functions

        • Conditions

        • Loops Do While, For, While, for each

        Learn JavaScript DOM

        JavaScript and the DOM

        Document Object Model (DOM) is a programming interface for HTML documents, that is the logical structure of a page and how the page content can be accessed and manipulated.  Bring your web pages to life with JavaScript and connect to the web page elements.  Create fully interactive content that responds to the user.  Create Dynamic web page content that can change without page refresh and present new elements and updated content to the user.  Improve your web users experience with JavaScript and the DOM.

        What is the DOM Document Object Model

        How to select elements from your webpage with JavaScript

        Manipulate and change your page elements with JavaScript

        How to set styling attributes for elements

        Make them interactive with Event listeners

        DOM events and Page events with JavaScript

        How to create elements with code and add them to your webpage

        Moving elements and animation of elements.

        • Element Selection

        • DOM tree

        • Multiple Elements selection

        • Element Manipulation

        • Adding event listeners

        • Input Values

        • Create Elements

        • Animation

        • Element Movement

        • Window events

        • Document Events

        • Keyboard Events

        • Tracking key presses


        Who this course is for:

        • Beginner to web design
        • Anyone who wants to learn more about coding
        • Anyone curious to learn HTML CSS and JavaScript
        • Anyone who wants a quick and easy way to start coding
        • Anyone who wants to create websites

      User Reviews
      Rating
      0
      0
      0
      0
      0
      average 0
      Total votes0
      Focused display
      Laurence Svekis
      Laurence Svekis
      Instructor's Courses
      I'm here to help you learn, achieve your dreams, come join me on this amazing adventure todayGoogle Developers Expert - GSuite Providing Web development courses and digital marketing strategy courses since 2002.Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions online for both small and enterprise level businesses."I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I created my first computer applications in 1990, and my first website in 1998.  I enjoy sharing my knowledge with others and want to help you share in the wonderful opportunities that the internet provides.""Learning, understanding with a strong passion for education.  The internet has provided us with new opportunities to expand and share knowledge."Want to learn more about becoming a web developer, do you want to experience the freedom that technology provides for us? Learn how to bring amazing things to life online.  Technology connects us all in many ways.  It opens up doors to those who embrace it and learn how to make those connections real."My courses are designed to help you achieve your goals, learn and update skills"Background : An experienced web application developer, having worked on multiple enterprise level applications, hundreds of websites, business solutions and many unique and innovative web applications.  Web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP and MySQL. Anything to do with web creation and digital experience. Passionate about everything to do with web application development, programming to online marketing with a strong focus on social media and SEO. "Understanding technology provides a means to better connect with users.  It also opens so many doors.   Knowledge is the key to success and I want to help you experience what technology has to offer. I'm passionate about web technologies, and look forward to sharing my knowledge and experience with you!"
      Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.
      • language english
      • Training sessions 72
      • duration 11:21:20
      • English subtitles has
      • Release Date 2024/05/17

      Courses related to JavaScript

      Courses related to CSS

      Courses related to HTML5

      Courses related to Front End Web Development

      Subtitle
      How to Make a Website
      TreehouseHow to Make a Website
      5:02:30
      English subtitles
      04/11/2023