HTML icon CSS icon JS icon PHP icon

The Journey
Begins

This is a site of resources to help you on your web development journey. These are all resources that I have used and continue to use as I strive to become a better developer.

Contact me at harunpehlivan.carrd.co to add additional resources that have helped you.

References

W3Schools

W3Schools is a great website to reference as you are starting to learn web development.


Mozilla Developer Network

Mozilla Developer Network is the authority resource for in depth and accurate information on web development, it can be less beginner friendly than W3Schools but goes much more in depth with information.


Stack Overflow

Stack Overflow is where you can find answers to questions in a lot of different coding languages and ask your own questions.


CSS Tricks

Tips, Tricks, and Techniques on using Cascading Style Sheets and much much more.


Command Line Cheat Sheet

This is a cheat sheet for command line (unix terminal) commands and a brief description of what they do.


Git Cheat Sheet

This is a cheat sheet for git commands with a brief description of what they do.


Markdown Cheat Sheet

This is a cheat sheet for writing Markdown.


Can I Use

Not all web browsers have the same functionality and features, this website will help show you what works in different versions of the most widely used web browsers.


Tutorials

Codecademy

Codecademy has a variety of lessons to help you learn HTML, CSS, and JavaScript as well as other programming languages.


Free Code Camp

Free Code Camp has some great lessons to help you learn HTML, CSS, and JavaScript.


Khan Academy

Khan Academy may be meant for younger audiences but it breaks things down and explains things in a simple manner that can be easy to follow along with.


Markdown Tutorial

Markdown is a way to write content for the web. Websites like GitHub and reddit use Markdown to style their comments. This is a tutorial to help learn Markdown.


Learning Git Branching

Learning Git Branching is an interactive visual tutorial to help you learn Git.


RegExr

A website to help learn regular expressions.


Tutorial Videos

Lynda.com

Lynda offers a huge range of tutorial videos on a lot of different software and development languages. Many public libraries across the nation provide free membership to lynda with a library card. To access Lynda.com with a New York Public Library card visit nypl.org/lynda and click the connect to database link. There are also many free courses you can take at the New York Public Library, checkout nypl.org/computers for more information.


DevTips

A youtube channel for web development focusing on design.


Udacity

Udacity offers some free online courses that provide some great information.


Egghead

Egghead has some great free videos, though some may be a bit advanced for beginners they provide great information.


FreeCodeCamp

Free Code Camps youtube channel offers a lot of great videos on web development.


Images

Pixabay

A site that offers free images that can be used for commercial and non-commercial projects.


Pexels

Another site for free images that can be used for commercial and non-commercial projects.


Transparent Textures

A site of transparent textures to be used with backgrounds.


Subtle Patterns

Another site of transparent textures to be used with backgrounds though attribution is required in a comment on CSS document.


My Site My Way

A site of free background images, textures, icons and more that can be used for commercial and non-commercial projects.


Pixlr Editor

A free cloud based image editing and creation application for raster graphics that can be used directly within a web browser.


GIMP

GIMP is a cross-platform image editor available for GNU/Linux, OS X, Windows and more operating systems. It is free software, you can change its source code and distribute your changes.


Inkscape

Inkscape is a free piece of software for creating vector images. Inkscape is a free alternative to Adobe's Illustrator.


Color

Coolors

Colors are great, color schemes are awesome. Coolors will give you new color schemes with a tap of the space bar, bookmark the URL with the color scheme you like or create an account to save it for later.


Adobe Color

Adobe Color can help you generate your own color scheme by using a color rule or you can explore color schemes others have created already. You do not need to have an Adobe CC membership to use this tool.


UI Gradients

A site of gradients to help you build your UI.


Podcasts

Shop Talk Show

This is my favorite podcast on web development, starring Dave Rupert and Chris Coyier it's a bit like the Car Talk of Web Development.


Codepen Radio

A podcast all about what it's like running a small web software business. The good, the bad, and the ugly.


Syntax

A Tasty Treats Podcast for Web Developers.


Exercises

Flexbox Froggy

Flexbox is part of the future for creating website layouts with CSS, with 97%+ support worldwide (with prefixes) the future is happening now. This is a game to help you learn flexbox.


Flexbox Defense

This is another game to help learn flexbox CSS properties and values.


HTML & CSS Quiz

This is a small web app I am developing (still very much in beta) to help students test their HTML and CSS knowledge.


CodeFights

CodeFights is a fun way to practice programming, prepare for technical interviews and level up your coding skills.


Coding Game

CodinGame is a challenge-based training platform for programmers where you can improve your coding skills with fun exercises (25+ languages supported)


General Assembly Prework

The prework for General Assembly is avaliable to complete free and can help you learn the basics of html, css and js.


eBooks

Learn to Code HTML & CSS

A good ebook to help learn HTML and CSS basics.


You Don't Know JS

This is a series of books diving deep into the core mechanisms of the JavaScript language.


Eloquent JavaScript

This is a book about JavaScript, programming, and the wonders of the digital.


Learn Ruby the Hard Way

A free e-book to learn Ruby.


A re-introduction to JavaScript

Article on Mozilla Developer Network to gain a better understanding of JavaScript.