Skip to main content

Prerequisites

The docs assume some JavaScript and Frontend programming knowledge.

Explaining the concepts of JavaScript and CSS from scratch is beyond the scope of the docs. You don't need to be an expert in Frontend Development to try SubSocial SDK, but some basic knowledge will help you understand it better.

Web Fundamentals#

To build social products for people you may create a website or mobile app. And today most of common piece of technology used to do these include web fundamentals that are:

1. HTML#

HTML stands for Hyper Text Markup Language allows you to create structural layout for your webpages. It gives you the building blocks for making a cool website. The following concepts are important to understand:

  • Basics of Hyper Text Markup Language (HTML)
  • Using links and images in HTML
  • Creating Forms in HTML
  • Styling webpages with CSS
  • CSS gradients, positions and display properties
  • and more.

We recommend watching the beginner friendly crash course for HTML & CSS by FreeCodeCamp:

2. FlexBox#

CSS Flexible Box Layout, commonly known as Flexbox, is a CSS 3 web layout model. It is in the W3C's candidate recommendation stage. The flex layout allows responsive elements within a container to be automatically arranged depending upon screen size.

Watch the short 20 min lecture by Traversy Media to completely understand the topic:

3. Vanilla Javascript#

Javascript makes your webpages more intractive by adding logics that run on client side. You can use it to animate items on the webpage, do form validation, call API and get some response and much more.

Understanding the basics of Javascript is a must for every frontend developer, that's why we recommend the following video lecture on JS basics:

Frontend Framework#

Frontend frameworks like React, Vue and Angular gives you features to build high performance web pages for the mordern web apps. We sugguest you to learn the following:

  • Anyone framework from React / Vue / Angular
  • Learn topics like Async programming
  • Study State Management approaches
info

Note that you don't need to learn all three frameworks you can pick just one of them and we highly recommend React over others as per market share

React Crash Course:

Vue Crash Course:

Angular Crash Course:

TypeScript#

TypeScript is JavaScript with type definations. It's not a necessary but adds scalability and code maintainablity to your project.