• Stars
    star
    367
  • Rank 113,622 (Top 3 %)
  • Language
    HTML
  • License
    MIT License
  • Created over 6 years ago
  • Updated 7 months ago

Reviews

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

Repository Details

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

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.

Portfolio || Blog


Skills

Skill 1
Introduction
2
Occasional Use
3
Regular use
React done done done
React hooks done done done
Redux done done done
JavaScript done done done
ES6 done done done
Next.js done done done
HTML done done done
CSS done done done
Git done done done
TypeScript done done
Command line done done done
StoryBook done done done
MJML done done done
Prettier done done done
EsLint done done done
Gulp/Webpack done done done
NPM done done done
Yarn done done done
Responsive design done done done
Markdown done done done
Node.js done done
Agile done done done
Jira done done done
GitHub done done done
Bitbucket done done done
Mobile first done done done
Progressive Enhancement done done done
CSS Grid & Flex-box done done done
PostCSS done done done
Accessibility done done
Working with APIs done done done
Husky done done
Website Building done done done
Publishing website done done
Netlify done done
Backbone done done
jQuery done done
Bootstrap done done
Stylus done done
Open Source Contribution done
Angular 4 done

Learning

Status Year Course Tutor
Completed Dec 2022 React and TypeScript Steve Kinney
Completed Nov 2022 TypeScript Fundamentals v3 Mike North
Completed Nov 2022 JavaScript: The New Hard Parts Will Sentence
Completed Sept 2022 The Hard Parts of Servers and Node.js Will Sentence
Completed Sept 2022 Understanding TypeScript Maximilian Schwarzmüller
Completed Mar 2022 JavaScript: The Hard Parts Will Sentence
Completed Jan 2022 Dotfiles from start to finish-ish Patrick McDonald
Completed Dec 2019 Getting Started With Redux Dan Abramov - egghead.io
Completed Dec 2019 The Next.js Handbook Flavio Copes
Completed Oct 2019 You Don't Know JavaScript: Types & Grammar Kyle Simpson
Completed Sept 2019 You Don't Know JavaScript: Objects & Classes Kyle Simpson
Completed Jul 2019 You Don't Know JavaScript: Scope & Closure Kyle Simpson
Completed May 2019 Eloquent JavaScript Marijn Haverbeke
Completed Feb 2019 The Complete JavaScript Handbook Flavio Copes
Completed Jan 2019 JavaScript clean code guide Ryan McDermott
Completed Aug 2018 Front-End Web Developer Nanodegree Udacity - Google Scholarship
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 JavaScript and React for Developers Cassidy Williams - Udemy
In Progress Front End Development Free Code Camp
In Progress JavaScript30 Wes Bos
Soon Read JavaScript: The Good Parts Douglas Crockford

Paths

Paths with multiple resources Author
33 concepts every JavaScript developer should know Leonardo Maldonado
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

Interests

I'm currently interested in/excited about:

  • Typescript
  • Testing
  • Node and the MERN stack
  • .dotfiles

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-first-ten-months

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
HTML
411
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