GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - upskilldev/basics: UpSkillDev points you to the right pathway to help learn new technologies. Go through this guide and join the community on Spectrum to collaborate.This repository contains path to getting started as a software developer, setting a solid foundation.

BranchesTags
Open more actions menu

Latest commit

 

History

9 Commits
9 Commits

Folders and files

NameName
Last commit message
Last commit date
LICENSE
LICENSE
 
 
README.md
README.md
 
 
frontend.pdf
frontend.pdf
 
 

Repository files navigation

Join our community on Spectrum to ask your doubts on the way: Join the community on Spectrum

Basics

Basics - Getting Started with Software Developmemt

This repository contains path to getting started as a software developer, setting a solid foundation.

Part 1 - Internet 101

Watch this wonderful video series on How Computer Works and Internet 101 created by Code.org.

Part 2 - Fitting Pieces together

Go through this document giving more highlights on Hosting and how various pieces fit together on the Client-Server Model.

Part 3 - Web - Frontend: HTML, CSS

HTML: The basic building blocks

Go through any of these courses to learn about HTML:

  • Learn about HTML with this course(the free part) Introduction to HTML - Codecademy
  • Alternatively, if you prefer a blog-style platform, go through this series of articles in HTML and CSS HTML- Structuring the Web

CSS: All about styling

Learn about CSS with it's partner course course(the free part) Introduction to CSS - Codecademy

Learn about building websites in a bit more detail with a similar course(the free part) Make a website - Codecademy

Go through this PDF to get a brief overview of how HTML, CSS. You may not understand many aspects of CSS, which will be discussed in detail over time.

Part 4 - Project

Build a website project using HTML and CSS. It can be personal portfolio website, a local shop or a fan-page. Try to make a custom UI without using any library. Here are some of the resources you can use:

  • Sublime Text or VS Code for writing the code
  • Uplabs.co - Design ideas
  • Google - 'Website Templates' to get more ideas
  • https://coolors.co/ and https://flatuicolors.com/ to get soothing color inspiration.
  • Google Fonts to add custom fonts
  • Advanced: Codrops for some advanced UI inspiration

Host the website on Netlify by 'drag and drop' your folder after Signing up for free account. Share your projects here:

Projects:

  • http://www.pranavmistry.com/
  • http://www.paulgraham.com/
  • "Add your project here"

Congratulations, you completed basics of the software development!

Optional - Watch Responsive Web Design Fundamentals - Google and Udacity to make you website responsive across devices of different sizes.

Part 5 - Javascript

Introduction to Javascript

Get an idea about the Javascript language, to set a strong foundation for the Javascript used in web frontend development.

  • Do the Introduction to Javascript - Codecademy course
  • Read the Mozilla - Javascript : Dynamic Client Side Scripting
  • Go through the artiles by Javascript.info https://javascript.info/getting-started

Javascript and the Web

Go through one of these resources to get idea on how Javascript is used in websites:

  • Javascript.info: https://javascript.info/ui
  • Mozilla: https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs

Part n - To be added later

Backnend:

  • REST APIs
  • AJAX
  • Websockets

About

UpSkillDev points you to the right pathway to help learn new technologies. Go through this guide and join the community on Spectrum to collaborate.This repository contains path to getting started as a software developer, setting a solid foundation.

spectrum.chat/upskilldev

Topics

cssfrontendhtmljavascriptserieswebsite

Resources

Readme
Apache-2.0 license
Activity
Custom properties

Stars

0 stars

Watchers

1 watching

Forks

0 forks
Report repository

Releases

Packages

Contributors

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.