Skip to content

SpiffGreen/frameworkless

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

51 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

New developers learning to develop Web, faces the incovenient problem. Started off by learning HTML, CSS, JavaScript - when they're about to fall in love with the Web, and wanted to look for jobs or opensource - it's only then that they realize the existence of: 20+ Javascript and PHP frameworks.

Midnqp\Frameworkless is designed with care and thoughts to let developers not learn so many frameworks - alongside learning the languages themselves. We made certain, this framework has the least to no learning curve.

Example of writing Node.js inside HTML
<html>
<require>/comp/head.html</require>


  
<body>
  <require>/comp/navbar.html</require>
  
  
  <script nodejs>
  var sql = 'SELECT name, email FROM users'
  dbQuery(sql, function(result) {
    for (i = 0; i < result.length; i++)
      console.log(result.name, result.email)
  })
  </script>
    
    
  <require>/comp/footer.html</require>
</body>
  
  
  
</html>
Explanation/Information of the example to an aspiring beginner
  • HTML, CSS, JS are languages executed by web browsers. Using them you can build static websites. But, to build a dynamic web site/app, which stores and retrieves data - having a database is inevitable.
  • Example: MySQL. Most databases like MySQL use a terribly simple language named SQL (Structured Query Language). Install the database service for your operating system, and learn SQL.
  • For security reasons, you can never ever talk to database using browser-side languages. You'll need the server-side ones. Since most people like you and us already know and love JavaScript, some very smart people used this browser-side language to build a server-side one.
  • The name is Node.js. The syntax of Node is absolutely same as the JavaScript in our browser. But Node has extra capabilities. Midnqp\Frameworkless is built using Node. Since you already know JavaScript, there isn't much to learn.

Changes We Made, Features We Glazed ✨

The Overall Framework
  • Extremely quick & easy to write web apps/sites
  • Hot reload (make changes to files, see them immediately at browser)
  • Like ReactJS, minimal DOM changes ensure swift & elegant UI ✨
  • Featherweight and lightspeed fast - serve enormous requests per second
  • Built-in support for Web Apps
  • Simple routing
  • Scheduled Tasks
  • Mails
Added to HTML
  • <require> fetches an HTML file using AJAX and inserts right there.
  • <script nodejs> The server-side JavaScript you'll write within the script tags with nodejs boolean attribute, gets executed by this framework, and is never sent to web browsers.
Added to JavaScript
  • Little trick to easily reuse UI components
  • jQuery included. Browser-side JavaScript has long names like getElementById, jQuery doesn't. Using jQuery for productivity & convenience will have little to none noticeable effects on performance.

About

The fastest performing Node.js framework for Web development (Beginner-friendly 🙋 and vanilla🍦 and rapid development 💻)

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 100.0%