CYun
0%

Posted on Edited on In ,

Setup

Yarn

Yarn is a superset of NPM that solves many problems that NPM has, NPM stands for Node Package Manage , It keeps track of all the packages and their versions and allows the developer to easily update or remove these dependencies. All of these external dependencies are being stored inside a file called called package.json. when you have a node project, as package.json has all dependencies and version, you can easilier to setup a same env as the development.

Read more »

Posted on Edited on In ,

Javascript

  • The single quote/double quotes patterns are identical in terms of functionality
  • ; can be ignore if unnecessary, but it’s not a good habit.
  • There’s no Integer in JavaScript (except BigInt), all are float(64 bits).
  • Index starts from 0, like for String and Array.
Read more »

Posted on Edited on In ,

JQuery

jQuery takes a lot of common tasks that require many lines of JavaScript code to accomplish, and wraps them into methods that you can call with a single line of code.

jQuery greatly simplifies JavaScript programming but run it make sure

  • load your script after jquery
  • runs it when document is ready
    Read more »

Posted on Edited on In ,

HTML

DOM

When a web page is loaded, the browser creates a Document Object Model of the page, the HTML DOM model is constructed as a tree of Objects

Dom Tree

Everything in the DOM is a node(text can be a node as well)

1
2
3
4
5
6
7
8
<!--document node-->
<html>
<!--
  <h1                        class="big">             hello                     </h1>
  h1:element node(object)    attribute node(object)   text noe(object)
-->
<h1 class="big">hello</h1>
</html>
Read more »

Posted on Edited on In ,

CSS

CSS like a painter, it styles your house to make it beautiful, it allows you to create rules that specify how the content of an element should appear(for box: background, border, margin, padding, width, height etc, TEXT: font, color), these setting are html element styles, but set outside of html for better management, that means you need to know

  • what to be set (html element style property)
  • how to set it (css syntax)
Read more »