v1.github.surmon.me Open in urlscan Pro
2a06:98c1:3120::3  Public Scan

Form analysis
0 forms found in the DOM

Text Content

WHAT IS A FRONT-END DEVELOPER?

Front-end web development, also known as client-side development is the practice
of producing HTML, CSS and JavaScript for a website or Web Application so that a
user can see and interact with them directly. The challenge associated with
front end development is that the tools and techniques used to create the front
end of a website change constantly and so the developer needs to constantly be
aware of how the field is developing. The objective of designing a site is to
ensure that when the users open up the site they see the information in a format
that is easy to read and relevant. This is further complicated by the fact that
users now use a large variety of devices with varying screen sizes and
resolutions thus forcing the designer to take into consideration these aspects
when designing the site. They need to ensure that their site comes up correctly
in different browsers (cross-browser), different operating systems
(cross-platform) and different devices (cross-device), which requires careful
planning on the side of the developer.
https://en.wikipedia.org/wiki/Front-end_web_development HTML, CSS, & JavaScript:
A front-end developer architects and develops websites and applications using
web technologies (i.e., HTML, CSS, DOM, and JavaScript), which run on the Open
Web Platform or act as compilation input for non-web platform environments
(i.e., React Native). Image source:
https://www.upwork.com/hiring/development/front-end-developer/ Typically, a
person enters into the field of front-end development by learning to develop
HTML, CSS, and JavaScript which commonly runs in a web browser but can also run
in a headless browser, WebView, or as compilation input for a native runtime
environment. These four run times scenarios are explained below. Web Browsers
(most common) A web browser is software used to retrieve, present, and traverse
information on the WWW. Typically, browsers run on a desktop or laptop computer,
tablet, or phone, but as of late a browser can be found on just about anything
(i.e, on a fridge, in cars, etc.). The most common web browsers are (shown in
order of most used first): Chrome Safari Internet Explorer (Note: not Edge,
referring to IE 9 to IE 11) Firefox Edge Headless Browsers Headless browsers are
a web browser without a graphical user interface that can be controlled from a
command line interface programmatically for the purpose of web page automation
(e.g., functional testing, scraping, unit testing, etc.). Think of headless
browsers as a browser that you can run from the command line that can retrieve
and traverse web pages. The most common headless browsers are: Headless Chromium
Zombie slimerjs Webviews Webviews are used by a native OS, in a native
application, to run web pages. Think of a webview like an iframe or a single tab
from a web browser that is embedded in a native application running on a device
(e.g., iOS, android, windows). The most common solutions for webview development
are: Cordova (typically for native phone/tablet apps) NW.js (typically used for
desktop apps) Electron (typically used for desktop apps) Native from Web Tech
Eventually, what is learned from web browser development can be used by
front-end developers to craft code for environments that are not fueled by a
browser engine. As of late, development environments are being dreamed up that
use web technologies (e.g., CSS and JavaScript), without web engines, to create
native applications. Some examples of these environments are: Flutter React
Native NOTES: Make sure you are clear what exactly is meant by the "web
platform". Read, "The Web platform: what it is" and read the, "Open Web
Platform" Wikipedia page. Explore the many technologies that make up the web
platform.

 * vue-awesome-swiper
 * surmon.me


SURMON

Software Engineer

Sponsor 3.5k

@surmon-china

https://surmon.me


OPEN SOURCE SOFTWARE

I am passionate about open source software and giving back to others. My
projects are trusted by thousands of developers all over the world.

33,220

Total GitHub stars


14,440,146 Total NPM downloads

--------------------------------------------------------------------------------


HOMEPAGES | EXAMPLES

Homepages and examples for GitHub repositories.

 * vue-awesome-swiper 12653
 * vue-quill-editor 7228
 * videojs-player 4675
 * vue-codemirror 2728
 * surmon.me 1972
 * nodepress 1222
 * surmon.me.native Archived 606
 * vue-touch-ripple 469
 * ngx-quill-editor Archived 228
 * naivebayes 138
 * vue-drag-zone Archived 127
 * veact-admin 41
 * emoji-233333 Archived 36
 * mongodb-data-api 28
 * javascript-gobang Archived 9
 * README.md 9
 * better-itg-flat-dark-vscode-theme 7
 * ontheroadstore Archived 7

--------------------------------------------------------------------------------




PROJECTS

GitHub repositories that I've built.

 * surmon-china/vue-awesome-swiper
   
   🏆 Swiper component for @vuejs
   
   12653 1989 309 MIT License JavaScript

 * surmon-china/vue-quill-editor
   
   @quilljs editor component for @vuejs(2)
   
   7228 1020 255 MIT License JavaScript

 * surmon-china/videojs-player
   
   @videojs player component for @vuejs(3) and React.
   
   4675 1095 192 MIT License TypeScript

 * surmon-china/vue-codemirror
   
   @codemirror code editor component for @vuejs
   
   2728 366 62 MIT License TypeScript

 * surmon-china/surmon.me
   
   My digital garden, powered by @vuejs
   
   1972 588 4 MIT License Vue

 * surmon-china/nodepress
   
   🟢 RESTful API service for https://surmon.me blog, powered by @nestjs
   
   1222 266 13 MIT License TypeScript

 * surmon-china/surmon.me.native Archived
   
   📱 My blog app, powered by react-native
   
   606 155 3 MIT License TypeScript

 * surmon-china/vue-touch-ripple
   
   A ink-ripple effect component for @vuejs
   
   469 44 4 MIT License TypeScript

 * surmon-china/angular-admin Archived
   
   🔏 Admin client for surmon.me blog powered by @angular and Bootstrap4
   
   358 119 11 MIT License TypeScript

 * surmon-china/simple-netease-cloud-music Archived
   
   🎵 A simple netease music api lib. 简单、统一、轻巧的 Node.js 版网易云音乐 API
   
   268 37 0 MIT License TypeScript

 * surmon-china/ngx-quill-editor Archived
   
   🍡@quilljs editor component for @angular
   
   228 54 42 MIT License TypeScript

 * surmon-china/surmon-china.github.io
   
   My GitHub repositories homepage.
   
   181 374 0 Vue

 * surmon-china/naivebayes
   
   NaiveBayes classifier for JavaScript
   
   138 8 8 MIT License JavaScript

 * surmon-china/vue-drag-zone Archived
   
   Drag Zone component for @vuejs
   
   127 20 3 MIT License JavaScript

 * surmon-china/veact-admin
   
   🔏 Admin client for surmon.me blog powered by React & @veactjs
   
   41 18 1 MIT License TypeScript

 * surmon-china/emoji-233333 Archived
   
   😂 2333333
   
   36 8 0 MIT License JavaScript

 * surmon-china/sre.surmon.me Archived
   
   💻 SRE service for Surmon.me blog.
   
   35 11 0 MIT License HTML

 * surmon-china/vue2any Archived
   
   把 vue 组件转换为任何 web 类模板
   
   33 3 0 MIT License JavaScript

 * surmon-china/mongodb-data-api
   
   MongoDB Atlas Data API SDK for @nodejs
   
   28 6 2 MIT License TypeScript

 * surmon-china/wonderful-bing-wallpaper
   
   🌅 Simple bing daily wallpaper API lib for Node.js.
   
   26 7 5 MIT License TypeScript

 * surmon-china/vuniversal Archived
   
   [WIP] Create vue (3) universal web applications quickly by @vitejs.
   
   19 1 7 MIT License TypeScript

 * surmon-china/wordpress-theme-one Archived
   
   🎨 A blog theme for @wordpress
   
   16 8 0 MIT License CSS

 * surmon-china/libundler
   
   📦 Universal JavaScript library bundler, powered by @rollup.
   
   14 4 6 MIT License TypeScript

 * surmon-china/surmon-china
   
   About me
   
   14 29 0 JavaScript

 * surmon-china/developer-code-guide Archived
   
   🗒Developer code guide.
   
   12 5 0

 * surmon-china/wordpress-theme-surmon Archived
   
   🎨 A blog theme for @wordpress
   
   11 3 0 MIT License PHP

 * surmon-china/javascript-gobang Archived
   
   ⚫Javascript gobang game
   
   9 1 0 MIT License HTML

 * surmon-china/README.md
   
   Design your README.md by @vuejs component.
   
   9 2 0 MIT License Vue

 * surmon-china/surmon.me.flutter Archived
   
   📱 My blog app powered by @flutter (The repositorie has been deprecated)
   
   9 3 0 MIT License Dart

 * surmon-china/wordpress-theme-metro Archived
   
   🎨 A blog theme for @wordpress
   
   9 5 0 MIT License PHP

 * surmon-china/nurse.js
   
   My lib.
   
   8 1 0 JavaScript

 * surmon-china/better-itg-flat-dark-vscode-theme
   
   Better itg.flat.dark theme for vscode. Base on Sublime Text
   
   7 0 1 MIT License

 * surmon-china/ontheroadstore Archived
   
   公路商店（主站）
   
   7 3 0 CSS

 * surmon-china/wordpress-theme-think Archived
   
   🎨 A cms theme for @wordpress
   
   7 3 1 MIT License PHP

 * surmon-china/jquery-dragZone Archived
   
   jQuery 拖拽改变div大小效果
   
   6 7 0 MIT License HTML

 * surmon-china/chrome-tmall-rate-thumb-extend
   
   ⚾️ 增加在天猫商品评价页显示原图及图片旋转操作功能
   
   5 1 0 MIT License JavaScript

 * surmon-china/coolcut Archived
   
   cool cut psd file
   
   5 1 0 JavaScript

 * surmon-china/.github
   
   GitHub
   
   1 0 0

--------------------------------------------------------------------------------


ORGANIZATIONS

GitHub organizations that I've built.

 * fox-finder
   
   JavaScript Cloud/Web Desktop OS.

 * veactjs
   
   Vue + React = Veact