Web Development - HTML & CSS course files

STEM Camp 2017 speaker Jorge A. Aguilar has put together a small project for all beginner developers that covers the basic structure of a very simple but beautiful website, giving young students the freedom to interact and build up their web design skills.

Here’s some extra resources for learning web development:

Learning Sites:
  • Codecademy

    Codecademy is an online interactive platform that offers free coding classes in many different programming languages including Python, Java, PHP, JavaScript, Ruby, SQL, and Sass, as well as markup languages HTML and CSS. The site also offers a paid "pro" optio that gives users access to a personalized learning plan, quizzes, realistic projects, and live help from advisors.

  • Mimo for IOS & Android

    Mimo is an iOS and Android app that teaches programming, HTML, CSS, JavaScript, Swift, and more through gamified and interactive lessons on the go.

  • Udemy

    Udemy is a global marketplace for learning and teaching online where students are mastering new skills and achieving their goals by learning from an extensive library of over 45,000 courses (free and paid) taught by expert instructors.

    Go to UDEMY.COM
  • Khan Academy

    Khan Academy offers Expert-created content and resources for every subject and level. You can learn anything and always free.

  • Codeschool

    Learn to code in the comfort of your browser with video tutorials, programming challenges, and screencasts. Create a free account and get access to 14 introductory courses, whereas a paid subscription gives you unlimited access to all of our courses and screencasts.

  • Codepen

    Like many live code playgrounds, CodePen lets you learn in an open-source environment by allowing you to create “pens”, which are sets of HTML, CSS, and JavaScript, and displaying a live preview of the code changes. You can even embed your CodePen demos on any web page.

    Go to CODEPEN.IO
  • JS Bin

    JS Bin is a tool that enables you to learn, experiment and teach using web technologies. There's a mass of features packed inside of JS Bin, but the site’s aim is to be part of your tool chain to help you solve problems, explore technology and teach others

    Go to JSBIN.COM
  • W3schools

    W3Schools is a web developers site, with tutorials and references on web development languages such as HTML, CSS, JavaScript, PHP, SQL, W3.CSS, and Bootstrap, covering most aspects of web programming.

Developer Tools:
  • Notepad++

    Notepad++ is a free source code editor which supports several programming languages running under the MS Windows environment.

  • Brackets

    Brackets is an open-source editor written in HTML, CSS, and JavaScript with a primary focus on web development. Brackets is available for cross-platform download on Mac, Windows, and Linux.

  • Atom

    Atom is another great text editor that's modern, approachable, yet hackable to the core—a tool you can customize to do anything but also use productively without ever touching a config file.

    Go to ATOM.IO
  • Visual Studios Code

    Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It comes with builtin support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages (such as C++, C#, Python, PHP, Go) and runtimes (such as .NET and Unity).

  • Github

    GitHub is a Git repository hosting service, but it adds many of its own features. While Git is a command line tool, GitHub provides a Web-based graphical interface. It also provides access control and several collaboration features, such as a wikis and basic task management tools for every project.

    Go to GITHUB.COM
Jorge Aguilar

Contact Jorge A. Aguilar

Feel free to contact Jorge A. Aguilar to his email jorgeaguilarc90@gmail.com for any questions regarding web development or programming.