Coder Social home page Coder Social logo

web's Introduction

#Web development course

#Join our chat: Join the chat at https://gitter.im/Kottans/web

MIT Licensed Ideas and useful links Awesome ghit.me

Welcome

This course will contain basics of web, HTML, CSS, ... and students will decide what else (potentially Ruby, Python, JS(AngularJS or React or Ember...))

We plan to decrease the amount of lectures in favor of collective discussion, team projects & collective work. And give all power & responsibility to students. All the materials will be in English.

####In the process of completing test tasks kottans will learn:

  1. Git, github basics, writing good commit messages
  2. Linux, command line basics, network basics
  3. HTML, CSS, JS basics
  4. Ruby/Python basics
  5. Deployment process
  6. Server-Side Development with Ruby on Rails
  7. TDD, BDD - to get familiar with
  8. Basic FP vocabulary, OOP patterns vocabulary
  9. MVC basics
  10. ...

####Syllabus:

  1. Web development basics
  2. HTML, CSS
  3. Back-end language Ruby/Python + framework Django/Rails
  4. JavaScript
  5. CI/CD
  6. ...
  7. Since the course will be driven by students, you'll be able to decide on further topics.

General requirements

  1. You will make a repository on GitHub and save your progress in it. More on repositories in task 0 (see below).

  2. Styling: it's up to you, but remember to make it readable. Using markdown is a good idea.

  3. Reading: for each article you are required to read please post the answers to the following questions in your respective repo. Don't worry, your answers will not be graded. It's just a way to reflect on what you have learned.

  • name (at least) one thing that was new to you
  • name (at least) one thing that surprised you
  • name (at least) one thing you will use in the future
  1. Online courses: finish all tasks, make screenshots and post them in respective task's README.

  2. Videos: same as for reading - watch the video, answer three questions.

Task 0 (get familiar with Git and Github):

  1. Watch try.github.io

  2. Read sixrevisions.com/web-development/git-tips/

  3. Finish the course How to use Git and Github

  4. Create repository named "kottans_web_test" and a folder "task_0" in that repository.

  5. Create README.md for the repository.

  6. Finish learngitbranching and put the screenshots of completed task lists in the task_0 folder and add links to screenshots to the README.md file in the root of task_0 folder (you can read about markdown here: writing-on-github)

  7. Send a pull-request to repo Kottans/mock-repo proposing a change. It could be anything, really. If you have found a typo in README - great! Take care to give your PR a meaningful name and description. Take screenshot of the PR and post it in README to task_0 folder. Please note, that your PR may not be reviewed quickly.

  8. Join the gitter chat if you haven't done so yet :)

When you finish this task you can start the next one:

Test 1

P.S. If you are willing to participate in the course, you need to understand that you’ll spend a lot of time building something big together - a new way of learning and collaborating. You’ll become part of a small family and should prepare yourself to find new friends and to invest a lot in this friendship, as in any friendship should be. Final part of this course will be to split a parts and create news courses like that (and we’ll never stop).

web's People

Contributors

alexpurhalo avatar amashoshyna avatar lempiy avatar pogorelov-ss avatar programulya avatar suchov avatar sudodoki avatar therrance avatar west0ne avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.