Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Beginners Introduction to Web Development
Rating: 4.2 out of 5(229 ratings)
28,700 students

Beginners Introduction to Web Development

Overview about creating content online, how websites work and top resources to use to create web content
Created byLaurence Svekis
Last updated 11/2024
English
English [Auto],

What you'll learn

  • connection different technologies together
  • have a solid foundation for developing new skills
  • know how to navigate and work more efficiently
  • understand how to develop content online

Course content

2 sections20 lectures1h 40m total length
  • Introduction to creating web content4:31

    Learn the foundations of web development by understanding how the web and browsers work, and how HTML, CSS, and JavaScript render content, with editors, playgrounds, hosting, and portfolios.

  • Introduction to Web development4:36

    Explore the fundamentals of web development, including browsers, editors, and HTML, and examine how sites evolve over time using the Wayback Machine.

  • What is code and how does it work7:10

    Explore how web pages are built from basic HTML structure and tags, learn to view and edit source code, and understand how browsers render content from HTML, CSS, and JavaScript.

  • Files used by servers to display code4:41

    Browsers render html, css, and javascript delivered by the server, where php runs server-side and editors write code, with extensions and default index files determining what renders.

  • Using Editors to help write code6:33

    Explore popular web editors for writing code, including Dreamweaver, Brackets, Notepad, TextEdit, and Adam, plus online editors, open source options, and how they render HTML in the browser.

  • Online Editor playgrounds for coding4:30

    Explore online code playgrounds and desktop editors to build web pages using HTML, CSS, and JavaScript, with live previews that render your code as you type.

  • How to use Atom web editor7:50

    Learn to download, install, and customize the Atom web editor, including themes, settings, file management, and essential packages for efficient web development.

  • Brackets web editor2:57

    Explore the brackets web editor and compare it with Atom, examining extensions, themes, live preview, and essential features like find and replace to speed up web development.

  • Advanced webdev options mysql database and php code4:35

    Set up a local development environment with an Apache server, MySQL database, and PHP, using localhost to run and test code before publishing to a web host.

  • Get online web hosting FTP9:25

    Publish your web pages by choosing hosting and transferring files with FTP clients such as FileZilla or Cyberduck, while understanding hosts, domains, and the limits of free hosting.

  • setting up a domain name6:43

    Learn what IP addresses are and how domains map through DNS to servers, then choose and register a memorable dot-com domain for your web project.

  • Resources for Web developers3:45

    Discover key online resources for web developers, including Stack Overflow, Warrior Forum, and webmaster forums, while learning about SEO, HTML, CSS, Javascript, and content systems like Wordpress and Google sites.

  • Basics of HTML CSS JavaScript9:21

    Learn the basics of HTML, CSS, and JavaScript, edit with CodePen, link inline and external stylesheets, add simple interactivity, and explore WordPress and Google Sites.

  • No coding required Websites8:30

    Explore no coding website options, including WordPress and Google Sites, and learn how hosted versus self-hosted setups, themes, domains, and the content management system simplify getting a site online.

  • Where to now grow your skills3:55

    Develop your web development skills through consistent practice in HTML, CSS, and JavaScript, use CodePen to build a portfolio, and learn to analyze other sites' source code.

  • Better Web Design Grow your portfolio4:10

    Develop a strong portfolio to demonstrate your web development skills and monetize your work, while applying familiar design patterns like breadcrumbs, navigation, and clear interactive user interface.

  • Course Conclusion6:04

    Explore global web development opportunities to grow your portfolio with online content and freelance contracts, practice with resources like freelancer.com, Fiverr, and Wordpress.

  • Course Resources0:09

Requirements

  • everything is included
  • basic terminology
  • computer access

Description

I've complied common questions that I get often about web development.   Perfect course for learning about web development or as a refresher course for anyone how create web content.

This course is not designed to teach you coding but to give you a better overall understanding about how field of web development works.  This is a beginners course that overviews how things work and explores top resources.

With so many resources, terms technologies options to create online content this course is designed to tie it all together.   Learn how to get started with web development, explorer top resources and find out more about how you can effectively create website and web content.

Learn how to setup Atomio on your computer to create web code.  Learn about domains, browsers, source code, ip addresses, hosting, Wordpress, Content systems, FTP, HTML, CSS, JavaScript, online playgrounds and more.

Do you have questions about getting started with web development, how things work or just want to learn more about what is involved with creating content online.  Are you curious how it all works together?

This course answers your questions and gives you a starting point for creating content online.  Fast paced course provides an overview and a sneak peak into what web development is all about.

Taught by an instructor with over 18 years of web development experience, this course is designed to provide answers and have it all in one place.

I'm here to help and ready to answer any questions you may have.

Who this course is for:

  • anyone creating web content
  • web developers who are starting out
  • new web designers
  • anyone who wants to launch a website