📜 ⬆️ ⬇️

Educational and learning resources for web developers and web designers

With this post we open the “Translations” column in our blog. Why did we decide to open such a rubric? The fact is that hundreds of specialists working in the Mail.Ru Group read many interesting articles and posts on the forums every day to solve their tasks. Some of them seem interesting to us, and we consider it our duty to translate them into Russian and share this valuable knowledge with Habrazhiteli.

Taking this opportunity, we want to announce the news: today the opening of Technopark took place - our educational project, which we have already written about more than once in Habré (for example, here , here and here ). Now technoparkovtsy have their own premises . Initially, Technopark is conceived as a place where talented students of MSTU are. Bauman can get additional education in web development, design and programming, as well as plunge into the work on real projects of high complexity. In general, Technopark today has a significant day, and therefore we decided to dedicate the first issue in the “Translations” column to educational resources for web developers and web designers. Indeed, while such Technoparks have not spread throughout the country, developers often have to deal exclusively with self-education.


Fortunately, learning is no longer a luxury, available only to a minority; today, it’s not even necessary to go to school or go to university. The Internet has made it possible to spread knowledge for free or at an affordable price; He is full of resources that allow us to expand our knowledge in various fields.

Since you can study all your life, and not just until you receive a certain certificate of education, this review is not only about beginners. It is for everyone who would like to become an expert in any field or is simply interested in the Internet, the latest tools and developments in this area.
')
With this review, we want to introduce you to the many learning resources available. Some of them are completely free, others are easy to access by paying a small amount of money. You might be surprised to learn that your local college or university also offers free lessons and courses on a wide variety of topics - be on the lookout!

Resources are divided into topics:

Programming
To design
Other lessons from the Internet industry
General knowledge

Programming


Code avengers

Code Avengers courses are a fun way to learn programming and web design. The solution of interactive tasks, participation in the missions of robots and the hunt for bugs simplify the study of JavaScript, HTML5 and CSS3. Lessons are created for students of all ages.



Coderwall

Thousands of developers share their achievements and current projects on Coderwall . Join them, share your professional secrets and get feedback. Learning new programming languages ​​is fun and exciting. See how others deal with difficulties and get badges for each finished project.



The Starter League (formerly known as Code Academy)

Building a web application without the necessary support and guidance can be difficult. The Starter League provides guidance and expert assistance. They also merged with 37signals (creator of Basecamp and Campfire) and provide practical knowledge on how to create successful web applications.



Pluralsight

Pluralsight was created by a group of developers with the goal of providing the highest quality education - developers from developers. Their library is huge and contains courses on any topic that you may need.



Tekpub

The resource offers small-scale lessons on topics from JavaScript to Ruby on Rails, as well as lessons for more in-depth study of the subject (Tekpub was bought by Pluralsight; you can watch old videos on Pluralsight).



Peepcode

PeepCode offers high-quality web development screencasts. With these lessons you can easily and simply master the most important techniques. (PeepCode was bought by Pluralsight; old videos can be viewed on Pluralsight)



Hacker rank

On Hacker Rank, programmers compete with each other, solving small puzzles on various topics, including algorithms, Gold code, and artificial intelligence. Test your capabilities by programming the bot to win tic-tac-toe.



Mozilla webmaker

Mozilla Webmaker wants you not just to use the Internet, but to create something amazing in its open spaces. On this resource you will find new tools and projects that will help you get started, as well as the global community of creatives: teachers, filmmakers, journalists and developers - all create and learn together.



Google Developers University Consortium

The Google Developers University Consortium offers courses for creating projects for the Internet and mobile devices. Here you will find a lot of useful resources, especially if you work with Android or Google Maps.



Android Training

On Android Training you will find a collection of lessons whose purpose is to help you create Android applications. They explain what steps need to be taken in order to solve a particular problem or add a new function using fragments and code examples.



Programmer

Programr is an online lab for students and enthusiasts who want to learn programming. The purpose of this platform is to provide you with the necessary skills for writing complex programs. Test your knowledge by completing tasks and creating your own applications directly in the browser. You can boast your know-how in contests of programmers. The resource supports programming languages ​​for gaming consoles, the Internet and mobile devices.



Learn Code the Hard Way

“Less talk, more code” is the motto of Learn Code the Hard Way . Students begin with practical programming; theory time comes later. The main technique of this resource: constant practice and repetition with the purpose of memorization, which contributes to a more reliable consolidation of the material.



Dash

Dash teaches HTML, CSS, and JavaScript through fun projects that you run in a browser.



Hack design

Hack Design is a simple and clear design course. Every week you get a design lesson created by a professional in your email. This resource is perfect for those who prefer to study at their own pace. No fake projects.



Code school

Code School teaches web technologies by offering video tutorials, screencasts, and programming tasks.



Codecademy

In Codecademy, you can learn to create interactive websites, games, and applications. Team up and program with your friends! You can show them your success with the help of points and tokens.



Codewars

In Codewars, you can try your hand at kata created to improve various skills. Kata is divided by difficulty. When you perform kata of a higher level, then go to the next step and Codewars offers you a new, corresponding in complexity task.



LearnStreet

Thanks to LearnStreet , learning programming is easy for everyone. No matter where you want to start - with JavaScript, Ruby or Python, - everything is on this platform. Use interactive courses to master basic skills and apply them while working on small, fun projects.



PHP Academy

PHP Academy offers free lessons on PHP and other web programming topics, including MySQL, JavaScript (including jQuery), and CSS. On this resource you will find free video tutorials, the possibility of paid membership and a forum where you can ask for help.



Playterm

PLAYterm is a platform where CLI users share their skills and inspirations. You can replay your conversation sessions online and get the embed code on your website. Share your knowledge and help others improve their skills.



The new boston

Through his project The New Boston, Bucky Roberts made high-quality education accessible to all. His YouTube channel offers many lessons on topics such as Java, C ++, After Effects, and Python.



gotoAndLearn

gotoAndLearn is a free resource with video tutorials on Flash, Game development and HTML5, created by propagandist-developer Lee Brimelow.



repl.it

On repl.it, you can try out more than 15 programming languages ​​in your browser - or even on your phone or tablet. The web application also allows you to save a session and share it with others.



The pragmatic bookshelf

The mission of The Pragmatic Bookshelf is to help developers by offering tutorials, audio books and videos for preparation. The content is developed by programmers for programmers and covers the most relevant topics.



HTML and CSS



30 Days to Learn HTML and CSS (HTML and CSS for 30 days)

You want to learn HTML and CSS, but do not know where to start? “ HTML and CSS for 30 days ” is a free course consisting of one video per day for 30 days. All you have to do is spend 10 minutes a day studying one topic. At the end of the course you will have enough knowledge to create your own website.



A Beginner's Guide to HTML & CSS ("A Guide to Learning HTML and CSS for Beginners")

This simple and detailed guide will help beginners take their first steps in HTML and CSS . Paying special attention to the basics, the site contains materials on all the basic design and development skills of the frontend.



Don't Fear the Internet ("Do not be afraid of the Internet")

For those who do not want to learn programming, this site provides a brief introduction to WordPress, CSS and HTML, and even slightly affects the PHP trickery. Jessica Hish and Russ Mashmeyer produced videos with some technical information.



JAVASCRIPT



Backbone Screencasts

If you are learning Backbone.js, then these screencasts will be very useful to you. Detailed real-time programming lessons will provide detailed explanations for all processes from basic to advanced, for example: using Backbone.js with Ruby on Rails.



appendTo

Knowledge of JavaScript and jQuery is becoming more and more important, and appendTo will help you with this. It is not even necessary to register; just watch the free demos (about 10 minutes long each), laying the foundation of your knowledge of javascript and jQuery.



JavaScript Garden

JavaScript Garden is a rapidly growing collection of documents on the most bizarre features of JavaScript. This resource offers tips for avoiding common bugs and bugs; it demonstrates possible problems and errors that JavaScript programmers may encounter while traveling the depths of the language.



NodeSchool

NodeSchool offers interactive lessons on Node.js, including basic concepts and electives. There is also a list of NodeSchool free / available events taking place all over the world.



Expressive JavaScript: A Modern Introduction to Programming (Eloquent JavaScript: A Modern Introduction to Programming)

In his book, Expressive JavaScript , Marijn Haverbeke talks about JavaScript and programming in general. The book can be downloaded free of charge electronically in HTML format or ordered in paper form on Amazon. Moreover, the book was translated into French, German and Polish (currently the author is working on a second, more modern edition).



Node Tuts

Created by Pedro Techeira , Node Tuts offers free webcasts on Node.Js



RUBY ON RAILS



Ruby on Rails Tutorial

Michael Hartl wrote a book called “ Ruby on Rails Tutorial ”. On the site you will find a free online version and screencasts.



TryRuby

Ruby is a programming language known for its simplicity and great features. On TryRuby, you can experiment with it right in your browser. A 15-minute online tutorial will help get you started.



Hackety hack

Hackety Hack will teach you the basics of programming through familiarity with the Ruby language. Start from scratch and use new knowledge to create computer applications and sites.



Virtuous code

Avdi Grimm is a software cultivator that publishes a series of screencasts about Ruby development. By subscribing, you will receive new videos every Monday and Thursday (you can get access to scripts if you prefer to read rather than watch), the source code for each video and access to the full collection of episodes.



Rubymonk

RubyMonk is an interactive platform for learning Ruby. You will learn the basics of a programming language right in the browser. Lessons are free, but voluntary donations are greatly appreciated.


Rails for zombies

Learn Ruby with zombies ! You do not need to worry about the configuration. After watching the short intro videos, you can start experimenting right in the browser. The course is designed for beginners, but there are also courses for more experienced Ruby developers.



Railscasts

Ryan Bates's RailsCasts offers weekly free screencasts, including Tips and Trips Ruby on Rails. Topics are designed for average users, but beginners and experts can also learn something useful for themselves. You can subscribe to receive additional screencasts.



Design



Drawspace

Drawspace is a community of enthusiastic artists, professionals and educators. Here you will find a huge collection of free downloadable lessons that teach you how to draw or help improve your skills. Sign up and track your progress.



Other lessons from the web industry



Treehouse

Treehouse is suitable for both beginners and experts. He offers the material to learn everything you need to succeed in the web industry. This includes both technical knowledge and information on how to create a successful business.



Tuts + premium

Tuts + Premium is a compulsory registration platform that offers resources for creative and technical skills such as web programming, animated graphics and photography. Site content is created and constantly updated by leading experts. Training can take place, at your choice, either with the help of video, or - articles with screenshots. Tuts + Premium has the support of a vast community to which you can turn for help.



Onwik

Ontwik combines the latest lectures and conferences of web application developers and designers in one place. The site covers topics such as JavaScript, NodeJS, jQuery, Ruby, HTML5, CSS3, UI, UX and many others. There you will also find lectures on creativity, marketing and start-up.



A Student's Guide to Web Design (Web Design Student's Guide)

Before you attempt to better prepare graduates for the profession of Internet developer. The site offers information that can help a young web developer in life and work after graduation.



# The50

After graduating from college of art, Jamie Vick realized that he absolutely did not know anything about professional life. He created # The50 to help students and graduates who find themselves in exactly the same situation. Tips on the site consist of 140 characters and a hashtag for easy posting on Twitter.



The Web Design Community Offers Advice to Beginners, Smashing Magazine

We asked: “What do you think is the best advice you can give to a novice web application developer?” This article contains all the recommendations we received.



Jessica Hish Ideas

Illustrator Jessica Hish does not maintain a regular blog, but answers the most frequently asked questions about himself and his work. Here you will find useful tips on a variety of topics related to the web industry: internships, pricing, networking, etc.



The secret handshake

The industry of creativity has its own laws, therefore applying exclusively traditional methods in the application process, you will not go far. Secret Handshakes is a resource for students and young creatives who want to gain access to insider ideas, honest answers and quality solutions that will help you become a professional in your field.



WaSP InterAct Curriculum

Created to keep pace with the rapidly changing industry, WaSP InterAct is a course that prepares students for a programmer career. Courses are divided into several training areas, covering material from the very basics to professional practice. The list of recommended literature, assignments and exam questions will help you become a true professional in web programming.



Conferencing Guide

Planning to organize a conference? Then this site is the best place to start. The resource was created by Peter-Paul Koch and provides information on everything you need to hold a conference.



Increase general knowledge



Ted

TED is dedicated to "ideas worth spreading"! You can watch presentations on technology, design, business, global issues, science and entertainment. Get inspiration from the work of other thinkers and unite with curious people around the world!



Khan Academy

Khan Academy is committed to providing everyone and everywhere with first-class education - for free! All you need is the internet. A huge collection of videos includes lessons on various topics: basic mathematics, macroeconomics, the basics of programming, and even art history. Check your level of knowledge, track your progress and earn badges.



University of reddit

University of Reddit is an educational platform accessible to all. Courses are free and cover topics from cybernetics to mathematics and languages.



VideoLectures.Net

Sign up on this site and get free access to educational video lectures . They cover many scientific fields and are conducted by venerable scientists and specialists during conferences, seminars and other events. High-quality content is intended for scientists and a wide audience.



P2PU

Peer University 2 Peer is an open learning project calling for continuing education. His credo is “We are all teachers and we are all students.” Everyone can participate and use the content of the site, where you will also find the School of Webcraft project with basic lessons.



Online Courses

Online Courses offers 100 open-source courses for computer fans. Among them, you will also find courses on general computer science, web design and application development. The website also provides information on accredited educational institutions, financial aid for college and university subjects.



Lynda

Lynda helps you create software skills, creative skills and business knowledge. By registering, you will get unlimited access to a huge collection of high-quality video lessons conducted by professionals in their field. Among the topics there is also design and development.



Udemy

Who do you want to be? An entrepreneur? Mobile developer? Photographer? Yoga instructor? Thanks to the Udemy website , you can become anyone you want by learning from experts in interactive online courses with other dedicated students. All courses at Udemy are developed and created by the experts themselves, and they also belong to them.



Learningers tv

Learners TV offers a huge collection of free downloadable video lectures on all sorts of topics, including computer science. On this site you will also find animations on scientific topics, timed online tests with test results and explanations.



ReadWrite

ReadWrite covers everything related to the Internet, technology and social networks. Here are links to related educational sites. Topics range from computing to hacking.



Learn a new language



Radio lingua

Radio Lingua is a podcast that helps you learn languages ​​where, when and how you please. You can use the quick courses for beginners or go up to the next level, plunging into grammar and vocabulary. The lessons are designed for students of all ages and are conducted by experienced teachers and native speakers.



Busuu

Learning a language with Busuu is significantly different from what you are used to. Become a member of the community of this platform, and you can learn through video chats with a native speaker. Thus, each acts not only as a student, but also as a teacher. To maintain your motivation, the target language is displayed as a tree that grows with your level of knowledge. Busuu website is free.



Open university lessons and university type lessons



Udacity

Training on Udacity differs from built on the original principle. Learn by working on challenging projects and communicating with university professors and other students. Courses require no less effort than studying at a real university; You also have different types of certificates available.



OnlineCourses (formerly known as Lecturefox)

At OnlineCourses you will find high-quality lessons from renowned universities such as Harvard, Berkeley and MIT (MIT). The subjects of the courses offered range from biology to accounting, from foreign languages ​​to the exact sciences.



Education portal

Making education accessible is the goal of Education Portal . The platform offers articles and videos on finding schools, degree programs and online courses. The site covers all areas of art and science, and also contains a list of free web design courses that count as university hours.



Openclassroom

Stanford University's OpenClassroom offers video courses in computer science. You can watch them for free; lessons are divided into blocks of quality information.



MIT OpenCourseWare

MIT OpenCourseWare puts online at the Massachusetts Institute of Technology courses. This open platform does not require registration and provides free lecture notes, exams and videos.



Opencourseware

OCW — , , .



The Faculty Project

, Faculty Project , . , . , - , .



Academic Earth

, Academic Earth . - . , .



Course Hero

Course Hero — , . , . , .



edX

edX — , MIT, , . - , , . , , .



Coursera

, Coursera -. . .



Webcast.berkeley

2001 Webcast.berkeley «» , . - .



The Open University

Open University 570 : . , . , .



...

WeekendHacker

Do you have a project idea or idea, but need a little help? At WeekendHacker, you can find designers and developers who can help you. Just register, publish your project, relax and wait until someone offers you help.



See you later!
We hope that this list of educational resources will help you develop your skills and open many doors for you. Of course, we would be happy if in the comments you share other missing resources in this review. We would also like to know which resource was most helpful to you and why.

By the way, pay attention to the list of inspirational podcasts from Melanie Lang - we recommend!

Source .

Source: https://habr.com/ru/post/215487/


All Articles