Giter Club home page Giter Club logo

code-notes's Introduction

Code-Notes

Here I put all things I am learning per subject, in order to keep track:)

Content

  • 1) WEBFOUNDATION
  • 2) WEBPROGRAMMING-JAVASCRIPT
  • 3) EXPLORE JAVASCRIPT-OBJECTS-TOOLS & TESTING
  • 4) FRONT END APPLICATIONS
  • 5) BUILD WITH REACT
  • 6) EXTRA
  • 7) CAREER

1) WEBFOUNDATION

HTML

  • 1.1 HTML Syntax
  • 1.2 HTML Syntax Problem Set
  • 1.3 PROJECT: Article to Mockup

CSS

  • 1.4 CSS Syntax
  • 1.5 CSS Syntax Problem Set

CODE TRICKS

  • 1.6 Write Code Fast
  • 1.7 PROJECT: Animal Trading Card

RESPONSIVE DESIGN

  • 1.8 Responsive Design
  • 1.9 Starting Small (from small devices (mobile) to large devices (desktop)
  • 1.10 Building up (Media Queries)
  • 1.11 Common Responsive Patterns
  • 1.12 Optimizations

READme´s

  • 1.13 Writing READme´s
  • 1.14 PROJECT: Build a Portfolio Website (responsive design)

2) WEBPROGRAMMING-JAVASCRIPT

JAVASCRIPT

  • 2.1 JS What is JavaScript?
  • 2.2 JS Datatypes & Variables
  • 2.3 Js Conditionals
  • 2.4 JS Loops
  • 2.5 JS Functions
  • 2.6 JS Arrays
  • 2.7 Js Objects
  • 2.8 JS Syntax

VERSION CONTROL

  • 2.9 Shell Workshop
  • 2.10 Version Control
  • 2.11 Create a Git Repo
  • 2.12 Review Repo history
  • 2.13 Add Commits to repo
  • 2.14 Tagging, Branching & Merging
  • 2.15 Undoing Changes
  • 2.16 Working with Remotes
  • 2.17 Working on anothers Dev. repository
  • 2.18 Staying in Sync with a remote repository

The DOM (Document Object Modal)

  • 2.19 the DOM
  • 2.20 Creating Content with JavaScript
  • 2.21 Working with Browser Events
  • 2.22 PROJECT: Pixel Art Maker
  • 2.23 Performance
  • 2.24 Project: Memory Game

3) EXPLORE JAVASCRIPT-OBJECTS-TOOLS & TESTING

ACCESIBILITY

  • 3.1 Accessibility Overview
  • 3.2 Focus
  • 3.3 Semantics Basics
  • 3.4 Navigating Content
  • 3.5 ARIA
  • 3.6 Style

JS Intermediate

  • 3.7 Objects in Depth
  • 3.8 Functions in Runtime
  • 3.9 Classes & Objects
  • 3.10 Functions
  • 3.11 Built-ins
  • 3.12 Professional Developer-Fu
  • 3.13 PROJECT: Classical Arcade Game Clone

4) FRONT END APPLICATIONS

  • 4.1 Changing Expectations
  • 4.2 Refactoring with Separation of Concerns
  • 4.3 Creating Promises
  • 4.4 Chaining Promises
  • 4.5 Ajax with XHR
  • 4.6 Ajax with jQuery
  • 4.7 Ajax with Fetch
  • 4.8 Features of Single Page Apps
  • 4.9 Examine a Framework's Source
  • 4.10 Angular
  • 4.11 Ember
  • 4.12 The Benefits of Offline First
  • 4.13 Introducing the Service Worker
  • 4.14 Project: Restaurant Reviews App—Stage 1

5) BUILD WITH REACT

  • 5.1 Why React?
  • 5.2 Rendering UI with React
  • [] 5.3 State Management
  • [] 5.4 Render UI with External Data
  • [] 5.5 Managing App Location with React Router
  • [] 5.6 Project: MyReads Project Workspace
  • [] 5.7 Getting Started with the APIs
  • [] 5.8 Understanding API Services
  • [] 5.9 Using the APIs in Practice
  • [] 5.10 Project: Neighborhood Map (React)

6) EXTRA

  • 6.1 Efficient Inputs Part 1
  • 6.2 Efficient Inputs Part 2
  • [] 6.3 Fast Forms
  • [] 6.4 Touch Support
  • 6.5 The Basics: the DOM, $, and Selectors
  • 6.6 The Tricks: DOM Manipulation
  • 6.7 Event Listeners with jQuery
  • [] 6.8 HTTP's Request/Response Cycle
  • [] 6.9 HTTP/1
  • [] 6.10 HTTPS
  • [] 6.11 HTTP/2
  • 6.12 Security

7) CAREER

  • [] 7.1
  • [] 7.2
  • [] 7.3
  • [] 7.4
  • [] 7.5
  • [] 7.6
  • [] 7.7
  • [] 7.8
  • [] 7.9
  • [] 7.10
  • [] 7.11
  • [] 7.12
  • [] 7.13
  • [] 7.14
  • Linkedin Profile

code-notes's People

Contributors

dianavile avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.