• Stars
    star
    411
  • Rank 102,715 (Top 3 %)
  • Language
    HTML
  • License
    MIT License
  • Created over 5 years ago
  • Updated over 5 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A copy of my learning tracker frozen in time at the 10 month mark. It shows my learning process from the beginning of my front end journey, up to the moment I got my first job. Full tracker is at: https://github.com/Syknapse/My-Learning-Tracker

My Learning Tracker Tweet

A complete log of my web development skills, learning, resources, highlights, interests, and everything to do with my learning. It's a way to keep track, organise, and share my learning.

For my full portfolio click here || For my learning log click here


Skills

Skill 1
Introduction
2
Basics
3
Good
4
Pretty Good
5
Confident
6
Awesome
HTML5 done done done done done
CSS3 done done done done done
JavaScript done done done
ES6 done done
Website Building done done done done
Responsive design done done done done
Mobile first done done done done
Progressive Enhancement done done done done
Css Grid & Flex-box done done done done
GitHub done done done done
Bootstrap done done done
jQuery done done done
Publishing website done done done
Git/Git bash done done done
Command line done done done
Markdown done done done done done
Node.js done done
NPM done done
Open Source Contribution done done
React done done
Angular 4 done
Task runners Gulp/Grunt done
NPM scripts done
AJAX done .

Learning

Status Year Course Tutor
Completed Feb 2018 The Beginner's Guide to Reactjs Kent C Dodds - egghead.io
Completed Jan 2018 Google Developer Challenge Scholarship - Web Developer Udacity
Completed 2017 Workflow Tools for Web Developers Christina Truong - Lynda.com
Completed 2017 Learning Git and GitHub Ray Villalobos - Lynda.com
Completed 2017 CSS Essential Training 3 Christina Truong - Lynda.com
Completed 2017 CSS Essential Training 2 Christina Truong - Lynda.com
Completed 2017 Getting Your Website Online Christina Truong - Lynda.com
Completed 2017 Learn Enough Command Line to Be Dangerous Michael Hartl
Completed 2017 Basic Front End Development Projects Free Code Camp
Completed 2017 The Web Developer Bootcamp - Frond End Colt Steele - Udemy
In Progress Front-End Web Developer Nanodegree Udacity - Google Scholarship
In Progress JavaScript and React for Developers Cassidy Williams - Udemy
In Progress Front End Development Free Code Camp
In Progress JavaScript30 Wes Bos
In Progress Read JavaScript & jQuery Jon Duckett
Soon Read Eloquent JavaScript Marijn Haverbeke
Soon Read JavaScript: The Good Parts Douglas Crockford
Soon Read You Don't know JavaScript Kyle Simpson
Soon Learn CSS Grid Per Harald Borgen - Scrimba
Soon The Web Developer Bootcamp - Back End Colt Steele - Udemy

Paths

Paths with multiple resources Author
Best JavaScript books, tutorials, courses & videos ReactDOM
Learn to code in 2018 Andrei Neagoie
Get Job ready - JavaScript Edition P1xt
Full Stack Web Developer Path Shovan Chatterjee

Highlights

The most interesting of what I'm watching, reading, and doing:

Click here for playlists and tweets. Articles, talks, tutorials, and more

And here is a chronological log of the highlights of my learning:

My Learning Log


Interests

I'm currently interested in/excited about:

  • React
  • CSS Grid
  • Progressive enhancement
  • Task runners
  • Command Line and unix commands

Web Development Checklist

This is a list of basic objectives to meet on the road to mastering web development.

It is an almost exact copy of Ginny Fahs' "Things Real Developers Do: My Bucket List"

  • Open the computer’s terminal
  • Use a text editor (bonus points if you have a specific reason for choosing it)
  • Use some keyboard shortcuts
  • Write tests for your code
  • Help another web developer with something they’re having trouble with
  • Attend an event about web development
  • Follow developers you admire on social media
  • Read a book about coding
  • Open your browser console
  • Get data from an API
  • Hide API keys from the public
  • Post a question on Stack Overflow
  • Push code to GitHub or GitLab or BitBucket
  • Speak about something web development-related at an event
  • Complete a technical interview
  • Participate in a hackathon
  • Deploy a project
  • Ship your project to a store
  • Contribute to open source
  • Get paid to code
  • When people ask what you do, respond saying you’re a developer :)

If you find this useful for your own needs you are welcome to fork a copy, customise it or even give it a star.

You can follow me on Twitter or get in touch


Acknowledgments

This has been partly inspired by Shovan Chatterjee and his wonderful Full Stack Web Developer Path project. And of course by Alexander Kallaway's very motivational #100DaysOfCode challenge and the great and supportive community around it.

License

MIT License

More Repositories

1

Contribute-To-This-Project

This project is waiting for your contribution. If you have never contributed code on GitHub before, this is the project to get you started.
HTML
2,143
star
2

My-Learning-Tracker

Keeping track of my web development skills and learning in one place along with resources, highlights, interests, and everything to do with my learning.
HTML
367
star
3

Tychos-Supernova

A tribute page for the supernova that changed the world and the curiosity to understand it
CSS
17
star
4

Pixel-art-maker

Syk's Pixel Art Maker. Draw something with this simple, intuitive, and fun app. The final project on Udacity Google Challenge Scholarship program.
JavaScript
16
star
5

Syk-Houdeib

My full front-end portfolio; web development skills, examples of my projects, contact links, and a bit about me.
JavaScript
16
star
6

GitHub-User-Search-app

An app to quickly search for GitHub users
CSS
12
star
7

Patatap-Clone

A sound and animation on keypress project using paper.js and howler.js
JavaScript
10
star
8

RGB-Color-Changing-Game

Color Changing game
JavaScript
8
star
9

HTML-custom-video-player

An HTML5 video player with JS custom controls. Part of Wes Bos #JavaScript30 projects
CSS
7
star
10

Drum-Kit

A JS drum kit #javaScript30
HTML
6
star
11

Clock

CSS and JS clock
CSS
6
star
12

NASA-Media-Search-App

JavaScript
5
star
13

myreads_react_fend

My books, classified into shelves. A Udacity Front-end Nanodegree React project
JavaScript
4
star
14

Ajax-Type-Ahead

city/state search
CSS
4
star
15

react-hello-world-app

A hello world React app using create-react-app
JavaScript
3
star
16

map-react-fend

A map that displays various locations and offers information about them.
JavaScript
3
star
17

arcade_game_fend

A simple JS clone of the classic Frogger arcade game
JavaScript
3
star
18

tezia

JS meets minimalism. Music and colour experiments.
JavaScript
3
star
19

timeline_app

A life events timeline app with React and TypeScript
TypeScript
2
star
20

master-gatsby-wesbos-course

JavaScript
2
star
21

random-quote-machine-react-beta

Random Quote Machine. Generates random quotes. Most are meaningless!
JavaScript
2
star
22

blog-syk-houdeib

My developer blog
JavaScript
2
star
23

Google-Udacity-Nanodegree-Scholarship-Front-End-Web-Developer

Google Scholarship Phase 2: Udacity Front-End Web Developer Nanodegree. Projects, exercises and notes
HTML
2
star
24

Dynamic-Photo-Grid

HTML, CSS and javascript and no video to create a dynamic short video-like grid with layers of changing images. CSS grid and jQuery to create the effect.
HTML
2
star
25

reminder-app-redux-tutorial

JavaScript
1
star
26

JavaScript-Text-Replace

A JavaScript exercise, text replace on click
JavaScript
1
star
27

Learning-git

courses to learn git with the command line
HTML
1
star
28

CSS-Variables

Update CSS variables with JS
HTML
1
star
29

Celsius-Fahrenheit-Converter

A fully functional temperature converter
CSS
1
star
30

Flex-panels

A flex panels image gallery
CSS
1
star
31

Knots-and-Crosses-FCC

The classic school time-wating game Knots & Crosses (or Tic Tac Toe) in vanilla JavaScript
HTML
1
star
32

Javascript-practice

excercises and miniprojects to practice javascript
HTML
1
star
33

restaurant_review_fend

A Udacity Front-end Nanodegree project.
JavaScript
1
star
34

video_finder_app

JavaScript
1
star
35

Dynamic-Grid

Dynamic grid that changes content layout on 3 different device sizes.
CSS
1
star