What is it about, how it works? How to use it for the best results?


Ask questions on using this service and help others. Share your experience, report bugs, suggest new features and improvements, show and tell us what you are building besides our projects!
Topics: CodingWolves projects, bugs/suggestions/features, show-and-tell.

  1. Requests to make the assignments (only help or request for explanation is allowed)
  2. cross-posts from other resources (only unique content is allowed)
  3. posts not related to the HTML and CSS
  4. rudeness, disrespect, harassments in any form
  5. any mention or promotion unethical or illegally prohibited services/practice
  6. responses like "RTFM" (Read The Manual)
  7. using URL shorteners
  8. useless content like "7 ways to do something" (instead create a short article on one way)
  9. using clickbait or misleading titles.
  1. Direct or indirect promo of your resourses - but only in the relevant context and no more often than once a month
  2. translations of other resources with the full reference to the primary source
Sea Cat Wizard
Dec 03, 2021 19:27:54
How it works

In this article, we consider the general approach to take practice in coding and how we organized the process on the CodingWolves.

For the best results, in learning to code, we encourage you to follow this proven technique:

  1. Pick up a topic to be learned according to some program or curriculum.
  2. Read a book or tutorial, or watch any good video on the topic - but focus on just one small part. Say, for a book, it may be just a couple of pages or 10-15 minutes for video.
  3. Do exercises on the topic. Usually, books provide some exercises, but if yours doesn't or you watch a video, you can just try to implement the code on your own. 
    Example: a tutorial teaches the creating tables in HTML.
    Exercise: close the tutorial and create your own table in the empty html file.
  4. After studying 2-3 topics, make a small project. The project is a meaningful piece of the functionality. 
    Example of a project: a web page with a well-formatted theme table (for example, this one).
  5. Keep repeating points 1-4 until the whole subject is done.
  6. Build a big capstone project covering all (ideally) the topics learned.

During your learning, don't forget:

  • try to solve the problem on your own before googling and asking people in the communities and forums
  • seek for people who are learning the same topics and stuck with something - you may help them.

Now, let's see how to work with our projects. Every project in our collection has the following sections:

Every project in our collections may have some of the sections reviewed below, the mandatory sections are accompanied with star *:

  • A goal * - what is the goal of this project
  • What you will learn *- the list of topics covered by this project and the skills you will be able to obtain after implementing the project
  • Preliminary material * - the list of online free resources that you can learn theory and do online exercises
  • Instructions - the list of steps describing what you should do for this project
  • Additional ideas - what you can change or add to make the project unique
  • Screenshots - the screenshots from our example project (please don't copy the design)
  • Steps - if short instructions are not enough, you find more detailed instructions here
  • Acceptance criteria *- what your project should have to meet the acceptance criteria.

After you finish the project, create a post of the "Solution" type to get feedback from peers and our mentors.

Please login to leave a comment.