fabiochiu/medium-articles huggingface dataset:
Create your Spring framework — History and Internals of Dependency Injection + IoC
By: Apurav Chauhan
Tags: Java, Spring Framework, Spring Boot, Framework, Dependency Injection

I have been observing that the young blood these days are more interested in using a technology or framework instead of understanding how does a particular technology or framework works behind the scene? OR even stepping back to understand why was this framework built at the very first place?

As an engineering manager, I have personally seen in teams that everyone is comfortable in using a framework like Spring Framework or Spring Boot but none took an interest in asking questions like:

Where should we use Spring Boot or Spring Framework? How is Spring Boot different from Spring Framework? How did the community work before Spring Framework? How does the Spring Framework work behind the scenes? Can I build my own framework if asked to do this?

The moment your mind starts asking such questions, you will start entering into a totally different version of yourself.

Use-case

Version -1

To explain this, I’ll take a simple use-case of a message rendering application. There will be a class responsible of serving the message and there is a class responsible of taking the above message and printing on console. So this will be your core package:

HelloWorldMessageProvider- the class serving the message
Django Framework
By: Indra Nand Jha
Tags: Django, Framework, Programming

Django is a high-level Python Web framework that inspires fast development and clean, pragmatic design. Developed by expert developers, it takes care of much of the trouble of Web development, therefore you can concentrate on drafting your app without lacking to reinvent the wheel. It’s free and open source.

When you’re developing a website, you regularly require a related set of parts: a process to control user authentication (sign-up, sign-in, sign-out), a control panel for your website, forms, a way to upload files, etc.

Fortunately for you, other people long past noticed that web developers meet similar difficulties when developing a new website, so they pulled up and designed frameworks (Django being one of them) that provide you ready-made elements to use.

Frameworks live to save you from having to reinvent the wheel and to help relieve some of the burdens when you’re developing a new website.

Why do you need a framework?

To understand what Django is really for, we require to take a closer inspection at the servers. The prime concern is that the server requires to understand that you want it to serve you a web page.

Imagine a mailbox (port) that is controlled for incoming letters (requests). This is begun by a web server. The web server reads the letter and then sends an acknowledgment with a webpage. However, when you want to send something, you require to have some content. And Django is something that encourages you to create the content.

What happens when you request a website from your server?

When a request gets to a web server, it’s transferred to Django which attempts to decide what is requested. It needs a webpage address first and strives to figure out what to do. This role is done by Django’s URL resolver (note that a website address is called a URL — Uniform Resource Locator — hence the name URL resolver makes sense). It is not quite smart — it uses a catalog of patterns and tries to meet the URL. Django checks designs from top to bottom and if something is met, then Django transfers the request to the associated function (which is called view).

Assume a mail carrier with a letter. She is stepping down the road and checks every house number against the one in the letter. If it meets, she puts the letter yonder. This is how the URL resolver operates!

In the view function, all the exciting kinds of stuff are done: we can view a database to see some reports. Perhaps the user requested to change something in the data? Similar to a letter telling, “Please correct the information about my job.” The view can verify if you are entitled to do that, then update the job information for you and send back a message: “OK!” Then the view produces a response and Django can transfer it to the user’s web browser.

The information earlier is a little bit obvious, but you don’t require to understand all the technical information yet. Holding an overall idea is sufficient.

So rather of falling too much inside details, we will start building something with Django and we will learn all the major parts along the way!
Difference of Programming Languages: PHP Vs Ruby on Rails
By: Techneos Solution
Tags: Ruby On Rails Development, PHP, Framework, Programming

In this article, we attempted to include an objective analysis of Ruby on Rails and PHP and the advantages and risks of both. We’d like to point out that Ruby on Rails is the most common platform for the Ruby programming language, which is often used for web development projects, and PHP is a popular web development programming language.

Projects Development Speed

Projects developed in Ruby on Rails are built even faster than PHP, as both, we and our colleagues have discovered. This is due to the RoR system architecture’s technological features (for example, thoughtful conventions simplify configuration), as well as a comprehensive collection of ready-to-use native Ruby on Rails software, a large community of ready-made solutions (so-called “gems”), and the ease of programming on it. As a result, thousands of ready-made applications for different program module implementations are currently available for free in the public domain.

Authentication, authentication, posting systems, payment systems, mailing lists, amongst other features (many of which are typically built from the ground up) have all been applied by other teams, reviewed, and recommended by a large group. Client revenue is spent on construction time; the longer it lasts, the more costly it is.

Development cost

The number of Ruby on Rails developers is much less than the number of PHP developers. This is due to the different entrance points into technology, which suggests the developer’s consistency. Among all developments, there are a limited number of successful developers. Developers with a high level of expertise are very costly. Furthermore, they are the same price regardless of programming language or platform. Since there are considerably fewer poor developers in the Rails culture, there are fewer cheap developers.

Due to the availability of ready-made implementations and a more accessible language framework, the cost of web creation in Ruby on Rails can be substantially lower. If you just need to build a little blog, PHP will suffice, but Ruby on Rails is the way to go with more serious ventures.

Popularity

The number of pages published in a specific programming language is one of the most common criteria for success. There are more than 40M websites created with PHP, whereas the number of websites built with Ruby on Rails is around 600K. The key explanation for PHP’s success is that a large number of small websites, for example, are built using the popular CMS WordPress. At the same time, PHP’s popularity is falling significantly compared to Ruby on Rails.
How To Django
Tags: Python Django Development, Python, Tutorial, Django, Framework

Django is one of the most popular python based backend web development frameworks. It’s easy to use CLI and use of python makes it perfect for quick and simple projects. It’s also the perfect gateway into backend web development with more advanced frameworks!

More specifically, it’s a server-side rendering framework, but you don’t need to know what that means for now. Another thing to note, Django uses python for logic in addition to HTML, CSS, and JS for UI. Again, you don’t need to know those last three to get started with Django (stealing UI off the internet is fine for now).

With that being said good luck, and if you need any help feel free to reach out to the people of GuildX!

Syllabus:

Articles:

Our Python Guide: https://medium.com/@guildxdevelopment/steps-for-python-mastery-24d7248eccfc

Courses:

Youtube Tutorial

Documentation

Projects:

Twitter Clone

Implement a machine learning model (only do this if you already know machine learning)

Todo List App

Homework Tracker

Courses:

Free Courses:

Paid Course:

Our Community:

(In case you’re wondering GuildX is an organisation where we can help you become a better developer by providing guidance and hands on experience! Join GuildX here: https://discord.gg/g4MuUGD)

Good Learning Practices:

This guide details a Top-Down approach, starting with making a blog and going into the finer details of web architecture and design. For a more bottom-up approach, before step 2, learn a framework called Flask.

Take some notes. You won’t remember all the Django terms the first time you go through this syllabus and good notes will help make the process easier.

Don’t skip stuff . If you skim the videos, you’ll end up confused. Trust us, we’ve been through that too many times.

. If you skim the videos, you’ll end up confused. Trust us, we’ve been through that too many times. Step 3 is relatively unpopular. Django Rest Framework isn’t the most popular backend framework, but if you’re already learning Django, if nothing else, it gets you acquainted with backend frameworks.

A replacement for Django Rest Framework that uses python is Flask. It doesn’t use Django at all, but it is more popular, if (in our humble opinion), more difficult.

Thanks for reading!

Written By: Aditya Tiwari and CantTouchThis
How to Get Ahead of Your Social Media by 100 Days
Tags: Millennial, Entrepreneur, Hope, Social Media Management, Framework

How to Get Ahead of Your Social Media by 100 Days OKWorldTravel ·Nov 19, 2020

It’s 3 a part framework that separates you and freedom…

1. Plan a Strategy

Kaid and I finally got to sit down and identify how we want to move forward with our content strategy.

We highlight recommend you sit down with a pen and paper at the very least, if not an creative space so you can get in the zone.

Our spot? A giant whiteboard in the loft so we can map things out. It’s really helpful to visualize something so complex at such a close up view.

All strategies are and should be unique because each persons social media is theirs. Creating a strategy that works for you, not someone else.

2. Draw It Out

Draw. It. Out. Literally. Mapping out your strategy is an important visual so you and your team can see the 10,000 foot view.

Perhaps you don’t actually have to draw it out. But make sure to properly document and learn the strategy so that there is no confusion between you and your team.

3. Execute On It

The most important and most overlooked step. Take action.

It’s time to stop living in fear and get prepared for Hope. Your strategy is going to help you immensely! It will open up your day-to-day, lower the pressure of your daily tasks, and allow you to focus on what you came to do. Help your dream customer.

We hope this helped you in you journey to more freedom and more time.

Bye for now,

Olivia + Kaid, the OK in OKWorldTravel
Do you really need a JS Framework in your project?
By: Tadeu Barbosa
Tags: Js, Framework, Angular, JavaScript, Vuejs

image from imagesfree

When I think about javascript and how it’s giant today, I can’t forget my past with it. I has met js (I’ll call JavaScript just ‘js’, ok?) maybe in 2012–2013… and I remember how was hard to do some things in my web pages. For example: How to submit a form in a page and then clear then? How to select an element by class? And a lot of other things…

If you are a programmer that lived in that times, you can remember the great thing that was jQuery! Oh! jQuery helped me alot! In a form case, I putted it in my code:

And then my form was be submitted and next all inputs was be cleared like a charm (or not). What is the problem to adding jQuery library in my page if I get what I need? So, somethings need to be observed. jQuery is a library that resolve so many problems with js, resolve browsers incompatibility problems, provide some functionalities that what not possible with js itself; or it was not possible in the past! That is the point!

Nowadays a lot of functionalities has been implemented in the javascript. Many of them was introduced because of jQuery. An example: if you need to get elements by class in jQuery, you just need to call:

But… if I tell you that is possible to do it in pure js? 😉 All you need to this is:

It’s work like a charm!

You don’t need to use any library to do little jobs! For example, if you need to work with forms like the first example:

Can you see it? 😃 Of course: this code can be much better, but to exemplify it’s enough.

My problem here, and what I want to show you is not about jQuery. This was a great and awesome project that changed how we see web development. Not, jQuery it’s not the problem. A many of projects still using this.

What I really want to show you is: You don’t need to a JS Library for all your projects. Many times you just to write a simple (and powerful) js file and it’s all.

I remember when I knew AngularJS (Angular 1), and how I used it to make anything that I needed to do. When I wrote controllers and services just ’cause I could. Not ’cause I was really needing it, but ’cause I could. Or when I met VueJS and used just for get a input name and show it for the user.

Do you don’t believe in me? See that code in one of my old codes. This is the code to make a login:

I’ll try to create a code based on this one using pure js. For AJAX response I’ll use axios library, a small library. But it’s totally possible to made with pure js.

It’s not the best way to do this, this code can be much better, but serves that purpose.
React
By: Ravindu Deshan
Tags: UI, React, Web Design, Framework, Angular

React is a very popular open-source JavaScript front-end library Developed and maintained by Facebook and Instagram which is used to build User Interfaces for web applications. Moreover it is more suitable for single page web applications.

In React, Components are independent UI segments and values. They are the key elements of the React, which are reusable. The React Uses a Virtual DOM (document object model) which allows react to perform faster.

Why React is very Popular ?

Well React has many features , React add extra simplicity when creating interactive and dynamic web pages and it offers the capability of component reusability which saves lots of time and money. Also it allows you to maintain the code base more clean and clear.

React is great with developers who have experience in JavaScript. Because React is Based on JSX which uses pure JavaScript instead of complex specific Syntaxes.

React Logo

Who Uses React

BBC

Dropbox

Cloudflare

Instergram

Facebook

Netflix

etc..

Angular Vs React

React use an virtual Document Object Model (DOM) which is an abstraction of the HTML or regular DOM. React VDOM is are more faster than the Angular regular DOM.

Reacts uses JSX , a combination of UI Elements and JavaScript Logics. Because of that to work with React you need the knowledge of JavaScript , in the other hand with Angular, you have to learn unique and specific syntaxes.

React and Angular shows a significant difference on binding method. React use one-way binding while angular uses two-way binding.

React , Not For You ?

There might be times when developers reject React, as a fact, if you feel you are more comfortable with HTML and CSS rather than JavaScript, React Might not be your choice.
7 Points To Choose The Right Deep Learning Framework
By: Pranjal Saxena
Tags: Artificial Intelligence, Data Science, Python, Framework, Deep Learning

1. Architecture

Large and complex models are the most time-consuming to train, so processing speed will be less for large and complex models.

When compared to Keras, PyTorch has a more complicated architecture, which results in less readability.

The winners of this race were TensorFlow and PyTorch, which are both practical low-level simulation frameworks and fast in speed and time.

2. Speed

Keras does not operate above the minimum speed. TensorFlow and Pytorch both work at maximum speed, which in turn results in high performance.

3. Level of APIs

Keras’ APIs provide access to Theano and CNTK, so Keras can be executed on both platforms.

Because of PyTorch’s low-level API, it only supports array expressions. Recently, it has gained immense attention and has become a preferred solution for academic research and deep learning applications requiring custom expression optimization.

In addition to providing low-level APIs, TensorFlow also provides high-level APIs.

4. Beginner-Friendly

A quick prototyping feature has been designed into Keras to make the Deep Learning model easy to test. The program has an extremely beginner-friendly interface where users can easily build neural networks the way they do with Lego blocks.

Debugging Python errors is as simple as debugging Python code. Debugging these errors can be accomplished using any of the popular Python debuggers.

It is possible to debug errors in Tensorflow using its debugging module.

5. Debugging

Working with Keras is usually straightforward, and you are not likely to run into any difficulties. However, since it has too many levels of abstraction on backend platforms, debugging can often prove difficult.

With Pytorch you can debug more easily than with Keras or TensorFlow.

The debugging process for TensorFlow can be challenging.

6. Trends Popularity

Kernel-based neural networks including convolutional and utility layers are widely used by Keras. Keras is most commonly used at companies like Nvidia, Uber, Amazon, Apple, and Netflix.

Both its use of Google internally and the software it uses to capture images automatically make it famous. In addition to Google, LinkedIn, Snap, AMD, Bloomberg, Paypal, and Qualcomm, Tensorflow is used by many other companies as well.

With its NN module, optimum module, and autograd module, Keras supports high-power GPU applications, and its automatic differentiation on deep learning networks makes it popular. Among the major companies that use Pytorch are Facebook, Wells Fargo, Salesforce, Genentech, Microsoft, and JPMorgan Chase.

7. DataSet

In the original version, Keras had a slow speed and was designed for quick prototyping. The framework is therefore not well suited to processing large datasets. The reason it works well in smaller datasets is that its execution speed is fast.

While TensorFlow and PyTorch are low-level frameworks, they are capable of dealing with large datasets well because they are fast.

A high-performance task can be performed on a high-dimensional dataset with this tool.
What is Django in python?
By: Pure Coders
Tags: Python, Coding, Django, Framework, Purecoders

Django in Python: Django framework could be a free and ASCII text file net framework. What’s a framework? the simplest description I ever detected of a framework is that it’s a group of tools that you simply have to be compelled to use in a very specific thanks to get the simplest results. therefore it’s less like having a tool case and a lot of like having a handful of standard kits from IKEA. There square measure several potentialities for what you’ll do, however there square measure limitations. Even so, Django continues to be very versatile, providing a large kind of websites to be designed on prime of it, from a straightforward diary to advanced collections of information and options, sort of a newspaper.

Why Django is that the best?

The Django framework is understood because the net application framework which means you’ll build net applications. if you mention any business they have there own on-line presence in truth most of the virtual solutions that we have a tendency to use these days square measure net applications. for instance, if you purchase one thing on-line we’ve amazon, we’ve Flipkart, we’ve eBay.

If you wish to book a cab we’ve uber, we’ve olla, we’ve such a large amount of applications out there that square measure supported the net therefore if you wish to make them you’ll use Django framework. we all know regarding websites you’ll build an internet site with the assistance of markup language, CSS, Javascript. therefore essentially we have a tendency to use markup language to style the page, markup language is makeup for the web site.

If you wish to boost your style you’ll use CSS. to create your web site interactive use javascript therefore affirmative we have a tendency to use markup language, CSS, and Javascript within the front. What regarding the backend half. What if you wish to create {a web site|an internet site|a web site} as a dynamic website. Read More
Laravel Introduces A New Debug Global ddd() Helper
Tags: Laravel, Laravel 6, PHP, Framework

Laravel Ignition(Ignition is the new error page for Laravel) introduces a global ddd() helper available in all Laravel 6 installations and applications that have Ignition 1.9+ installed.

We all love to debug our code using dd - it's fast and easy. But sometimes we want to have some more information available. Or we forgot to dump some things about our request, so we have to edit our dd and do it all over again.

ddd - a globally available helper function that does everything that we love about dd and sprinkles everything that Ignition has to offer on top of it.

Let’s say we want to dump a string and a user model somewhere in the code. With ddd we can do this, just as we would with dd :

$user = User::first(); ddd('dumping my article', $user);

After executing the code, this is what we will see:

The ddd helper will dump the data, show Ignition and exit. This gives you the power of dd combined with all the great features of Ignition.

Additionally, it also gives access to the stack trace means we can easily trace where we used ddd() helper, the request, and all the typical tabs offered on an Ignition page.
PART 2 : WRITING A DYNAMIC NEURAL NETWORK FRAMEWORK FROM SCRATCH IN PYTHON
By: Angad Sandhu
Tags: Neural Networks, Python, AI, Framework, Machine Learning

Back Prop Step

Just like the feedforward step we will discuss the helper function that helps us to make the backprop calculations, here instead of the Sigmoid we will use the derivative of the Sigmoid function.

It is formed by multiplying the sigmoid function with the value of 1 minus itself. Its execution in code is :

Now, we come to the backprop part where we use the chain rule to find out the change in the Loss with respect to the Z matrix, this will be the slope of “Z” w.r.t. “J” and we will represent this as “dZ”.

This value of dZ is further used to ding the change in “W” and “b” w.r.t. to “J”, so instead of calculating the change all the way back to J, we and directly use “dZ”. These slopes of Weights and Biases are represented as “dW” and “db”.

As the last layer is followed by the Loss function, the equation of its derivative is a little uniques. Hence, the value of the dZ of the last layer is calculated separately, whereas all the other dZ are calculated within a loop.

After calculating all the dZ, we move on to updating the values of our weights using dW. To get dW we multiply dZ with A of the last layer, then when we have dW we multiply it by our learning rate (alpha) and subtract it from our earlier W to get the new W.

The calculation of the last dW is done differently as we don't have an A0 (i.e. activation in the first input layer)

Similarly, for biases we directly multiply the dZ value by the alpha and subtract it from the old bias to get the new bias, this is done in a loop.
Sidekiq In Rails: Native Worker & ActiveJob, Who’s The Winner?
By: Aya Aurora
Tags: Ruby on Rails, Framework, Sidekiq, Tech, Gojek

Using a framework is convenient until we want to create something not supported by the framework, or something against the framework principle.

Recently, I braced myself and created a cron job with Rails and Sidekiq with an extra feature. In this blog, I shall detail the hits and (multiple) misses that ensued.

The main quest

The problem that I tried to solve with the cron job is that I wanted to schedule data exporting to Postgres database.

Hmm, sounds easy and straightforward, doesn’t it?

Unfortunately, this wasn’t the only problem. There were several conditions that needed to be met:

There should be an alerting mechanism if a failure happens while running the job

The alerting shouldn’t be fired until the job is exhausted from retrying to run itself again

The job should be scheduled

Seems like the problem can be solved by Sidekiq itself, right?

I had to integrate the implementation of this problem with Rails app, since there would be an API created to fetch the exported data from Postgres database.

Before we begin, here’s a little context about the example in this blog:

To mimic and reproduce the challenges I encountered while solving the issue, I’ll showcase how I created a job to export weather data to Postgres db. Apart from that, the version of Sidekiq and rails I used to reproduce the obstacles were 6.1.2 and 6.1.0 respectively.

Attempt #1: ActiveJob and retry_on

As a newbie in Rails and Sidekiq, I prefer to implement things in the most simple and straightforward way:

Add Sidekiq as Rails queue_adapter

Configure Sidekiq by adding it to Gemfile and create config/initializers/sidekiq.rb file

and create file Create docker-compose.yml file to generate redis container

Once the configuration of Sidekiq is done, I generated an ActiveJob and its spec in rails. Below is the code snippet example of exporting data to Postgres db I created:

In the code snippet, I specified retry_on where I can define which exception the job needs to be retried, the number of attempts for the retry, time interval for the retry to occur, the queue and priority for the retry, and random delay of time for calculating backoff.

At first, the job is successfully retrying the job again when the exception raised.

Enqueued ExportWeatherDataJob (Job ID: c7f4f994-0d15-42eb-8bbb-fba23632fb9e) to Sidekiq(default) at 2020-12-15 00:43:44 UTC

Retrying ExportWeatherDataJob in 3 seconds, due to a RuntimeError.

=> #<RuntimeError: Unable to fetch weather data>

BUT.

You guessed it right… It didn’t work as expected. The job didn’t retry as many as the defined attempts, it exceeded it. 😕
MXReflection, Java math framework
By: Ismail Mekni
Tags: Parser, Framework, Java, Mathematics

MXReflection, a Java math framework based on mXparser library capabilities.

You can calculate complex mathematical operations and functions with Java, just by using class-related fields, MXReflection reads values from the assigned fields and injects the results in the @Expression annotated fields.

Installation

Maven

<dependency>

<groupId>com.github.ismail-mekni</groupId>

<artifactId>mxreflection</artifactId>

<version>1.0.1</version>

</dependency>

Gradle

dependencies {

compile group: 'com.github.ismail-mekni', name: 'mxreflection', version: '1.0.1'

}

How to use

You just need two Java annotations:

With @Arg value, we can assign customized argument names to be used in the target function.

value, we can assign customized argument names to be used in the target function. @Expression annotation value contains the function expression with the arguments.

First example:

Output:

Field 3 result: -34.32819235851987

Supported math collection

MXReflection supports all the math collection available in mXparser math library:

MXReflection parsing

Argument parsing

MXReflection supports all field data types with numeric content as an argument. You can use all java types with toString implementations that return numeric results.

Result parsing

Supported result field java types:

Double

double

Long

long

String

BigInteger

Note that for long, Long, and BigInteger, MXReflection uses Math.round to parse the final result before injecting it. It is recommended to be sure that the expression returns an integer type.

Result reuse

With MXReflection, you can use function results as arguments for other results:

Second example:

Output:

Field 3 result: 2.8

Field 4 result: -2.2

Field 5 result: -2.8

Field 6 result: 0.6

Field 7 result: 3

Field 8 result: 8

MXReflection resolves a graph of dependencies between functions and arguments, it makes sure that there is no cycle in the field dependency.

MXReflection source code repository: Github.

Project sample: Github.

Email address: ismmekni@gmail.com

Linkedin profile: https://www.linkedin.com/in/ismail-mekni-9a43b8141/
How to become a front-end developer?
By: Radoslaw Fabisiak
Tags: Frontend, Learning To Code, Framework, JavaScript, Programming

Use JS frameworks

Lots of steps are already done, co now we can go deeper into modern Javascript frameworks and libraries which may be useful. You may ask why you have to learn frameworks, but the answer it’s pretty easy, it will help you a lot with development. The framework will give you the basic structure, some guideline, and even some pre-build elements. Besides, almost every company use any framework so it will be much easier to get your dream job.

There are three most popular front-end frameworks on the market right now: React, Angular and Vue. Let’s take a closer look at them:

ReactJS — it’s a component-based library created by Facebook, it’s an excellent tool for building UI. ReactJS is not very complicated, shouldn’t be if you know Javascript right now, and there is a vast community of developers and tones of sources that you may use to clarify everything you need to know.

If you would like to get familiar with ReactJS take a look at the tutorials we’ve prepared:

Build a ReactJS application:

https://www.youtube.com/watch?v=SPM4xyYd9MI

Angular — it’s a very popular front-end framework from Google and here is one tricky thing, to use Angular you need to update your knowledge and add Typescript (it’s very similar to Javascript, but it’s typed and has some more additional features). Angular also has excellent documentation, lots of resources, and a big community.

If you would like to get familiar with Angular take a look at the tutorials we’ve prepared:

Build an Angular application:

https://www.blog.duomly.com/angular-tutorial/

https://www.youtube.com/watch?v=WYRLYw2rYj0

Vue.js — it’s a new framework which gained huge popularity, it’s a component-based framework. Creators of Vue.js tried to make it as simple as possible so that it may be the right choice for the beginner. On the other hand, resources to learn it are not very big, and the community is small but growing.

Now it’s time for you to select. If you are not sure, maybe it’s a good idea to build a test project with each of them and check which you feel comfortable with. It might seem like it’s everything you need to know, but there is still one more necessary thing. Let’s go to the last step.

If you would like to get familiar with Vue.js take a look at the tutorials we’ve prepared:

Build an Vue.js application:

https://www.blog.duomly.com/vue-js-tutorial-how-to-create-vue-js-app-in-5-minutes/

https://www.youtube.com/watch?v=i43MZ_oSRfs
two simple things to aim for in strength training
By: Arvind Ashok
Tags: Framework, Mindset, Student Of Strength

There are lot of technical aspects to strength training, and there are lots and lots of movements. And hundreds of variations of each movement too.

There’s the overwhelming confusion that stems from technique. How do you pack your shoulders? How do you brace? How much do you stiffen up? What angle should you turn your toes out? What does all this even mean?

And while there are remarkably excellent books and coaches that we can pick up these techniques from, mastering them is a life-long journey. For example, Brett Jones is still searching for his perfect kettlebell swing, he says.

As a beginner, or sometimes, even as an experienced lifter, we can get bogged down with technique and get in the way of things. As a over-thinker, I certainly fall into that category.

But I realised something profound and simple — watch a ballet dancer, or a speed skater (or any elite athlete) and you will see that they look good doing what they are doing. It is not clunky or weird.

Don’t think so? Here’s something you can do. Take a video of something you do reasonably well — playing badminton or running or whatever. And then compare it to the world #1 and look at the difference in beauty of the movement.

You know it when things look right. It is just how it is. Even as coaches, before I can point out whether there’s something off, I know there’s something off. And when someone moves well, it is blindingly obvious.

There are two attributes that I strive for, when it comes to my training. One comes from Pavel and the other comes from Dan John.

They are rhythm and grace.

Rhythm: movement or procedure with uniform or patterned recurrence of a beat, accent, or the like Grace: elegance or beauty of form, manner, motion, or action

Rather than be robotic about a movement, or being over-stiff or too floppy or trying to do 27 different things in my setup for the deadlift — finding my natural rhythm and aiming for grace — seems to nail things for me.

These might not be two things that one would associate with lifting heavy weights and it took me a long time to understand what the two greats were saying, but this has been amongst my biggest learnings in my training.

Aiming to find my rhythm — whether it is doing heavy squats or going running or doing a metcon. And striving to look graceful when I do that, as opposed to trying to do it as fast as possible or going as hard as possible.

Next time you find yourself over-thinking or unsure if you are doing it right or not — focus on a solid setup and then just aim to find rhythm and look as graceful as you can.

Maybe it will change how you train forever.
Next JS <Image>
Tags: Nextjs, Framework, Image, Caching

Next.js는 버전 10.0.0 부터 이미지 태그를 자동으로 최적화는 next/image를 제공하고 있습니다.

next/image의 <Image>는 HTML 의 <img>를 최신 웹 용으로 확장합니다.

<Image>를 사용 하면 자동으로 크기를 최적화 하는 WebP 같은 최신 형식의 이미지를 제공 받을 수 있습니다. 이는 더 작은 장치의 화면에서 큰 이미지가 전송되는 것을 방지 할 수 있습니다. 또한 Next.js가 향후 이미지 형식을 자동으로 채택하고 해당 형식을 지원하는 브라우저에 제공 할 수 있습니다.

<Image>는 모든 이미지 소스에서 작동합니다. 이미지가 CMS와 같은 외부 데이터 소스에서 호스팅 되는 경우에도 여전히 최적화 할 수 있습니다.

<Image>는 빌드 시 이미지를 최적화 하는 것이 아니라 사용자가 요청할 때 이미지를 최적화 합니다. 그러므로 SSG로 페이지를 개발해도 이미지 10 개를 전송하든 1,000 만 개 이미지를 전송하든 빌드 시간에는 영향이 없습니다.

이미지는 기본적으로 지연로드됩니다. 즉, 뷰포트 외부의 이미지에 대해 페이지 속도가 불이익을받지 않습니다. 이미지는 뷰 포트로 스크롤 될 때 로드 됩니다.

Required Props

import Image from 'next/image' function Home() {

return (

<>

<h1>My Homepage</h1>

<Image

src="/me.png"

alt="Picture of the author"

width={500}

height={500}

layout={intrinsic} //option

/>

<p>Welcome to my homepage!</p>

</>

)

} export default Home

src

소스 이미지의 경로 또는 URL입니다. 외부 URL을 사용하는 경우에 아래의 코드를 next.config.js에 추가해야 됩니다.

/*주의: <http://~~> 또는 <https://~~> 처럼 풀 URL을 넣으면 안됩니다.*/

module.exports = {

images: {

domains: ['push-feed.com'],

},

}

width

이미지의 너비 (픽셀)입니다. 단위가 없는 정수 입니다. layout=”fill”을 사용하지 않는 한 필수 값으로 입력 해야 됩니다.

height

이미지의 높이 (픽셀)입니다. 단위가 없는 정수 입니다. layout=”fill”을 사용하지 않는 한 필수 값으로 입력 해야 됩니다.

Optional Props

layout

기본값은 intrinsic이며 뷰 포트의 크기가 변경 될 때 작동합니다.

loader

이미지가 로드 중일때 기본 이미지를 제공합니다.

import Image from 'next/image' const myLoader = ({ src, width, quality }) => {

return `https://example.com/${src}?w=${width}&q=${quality || 75}`

} const MyImage = (props) => {

return (

<Image

loader={myLoader}

src="/me.png"

alt="Picture of the author"

width={500}

height={500}

/>

)

}

priority

true이면 이미지가 높은 우선 순위로 간주되고 미리로드 됩니다.

스크롤없이 볼 수있는 부분에 이미지가 표시되는 경우에만 사용해야합니다. 기본값은 false .

Advanced Props

objectFit

css의 object-fit 속성과 동일합니다.

objectPosition

css의 object-position 속성과 동일합니다.

loading

기본값은 lazy 입니다. lazy인 경우 뷰포트에 보일 때 까지 이미지로드를 연기합니다.

eager 경우 이미지를 즉시 로드합니다.

주의 :이 속성은 고급 사용을위한 것입니다. 로드 할 이미지를 eager로 전환하면 성능이 저하 됩니다. 대신 priority 사용해 이미지를 사전 로딩 하는것이 좋습니다.

Caching 전략

다음은 기본 로더에 대한 캐싱 알고리즘을 설명합니다 . 다른 모든 로더에 대해서는 클라우드 제공 업체의 문서를 참조하세요.

이미지는 요청에 따라 동적으로 최적화되고 <distDir>/cache/images 디렉토리에 저장됩니다 . 만료일에 도달 할 때까지 후속 요청에 최적화 된 이미지 파일이 제공됩니다. 캐시되었지만 만료 된 파일과 일치하는 요청이 생성되면 새 최적화 된 이미지를 생성하고 새 파일을 캐시하기 전에 캐시 된 파일이 삭제됩니다.

만료 (또는 오히려 Max Age)는 업스트림 서버의 Cache-Control 헤더에 의해 정의됩니다 .

Cache-Control 에서 s-maxage 이 발견되면 사용됩니다. s-maxage 발견 되지 않으면 max-age 사용됩니다. max-age 발견 되지 않으면 캐싱은 60 초가 됩니다.

생성 가능한 총 이미지 수를 구성 [deviceSizes](<https://nextjs.org/docs/basic-features/image-optimization#device-sizes>) 하고 [imageSizes](<https://nextjs.org/docs/basic-features/image-optimization#device-sizes>) 줄일 수 있습니다 .

참고 문서: https://nextjs.org/docs/api-reference/next/image#objectfit
Using A Framework to Make Beautiful Websites: Bulma w/ Rails
By: Tyler Caprioli
Tags: Ruby on Rails, Framework, CSS, Bulma

There are two ways to start with rails. After you have created a new rails application with rails new if you have Rails version 6.0, in the terminal type:

Yarn add bulma

This will install all of the Gems and dependencies you need to get Bulma running in your application.

If you don’t have Yarn; however, there is still a workaround.

In your Gemfile add:

gem "bulma-rails", "~> 0.8.0"

Then run Bundle install in your terminal.

We’re almost done. Inside of your stylesheets folder,( app/assets/stylesheets/ ) add two new files:

main.scss

_layout.scss

main.scss is going to act as your hub where you will manage all of your scss partials and variables and _layout is a partial that will be used to style your css classes. Inside of main.scss add:

@import '_layout';

@import 'bulma/bulma';

Finally, inside of your application.scss require the main file with *= require main .

Congratulations! You now have Bulma installed in your application.

Now that our environment is set up we’re ready to beautify our web page.
What is Application Framework ?
Tags: Framework, JavaScript

The name framework defines the idea of what is application framework. Application frameworks are software library that provides a fundamental structure to support the development of application for a specific environment.

So obviously framework is frame and a work. If you think about a photo frame you put photo in to the frame, it has to be fit to the frame. You will do all your work around the frame. Whenever you write some code in a framework you have a specific skeleton predefined. The function use in frameworks are reusable.

There are top frameworks that you need to try, some of my favorites are Laravel, Vue.js, Angular, Node.js, React. Angular, Node.js, React, Vue.js are JavaScript frameworks cover object oriented programming concepts like inheritance, polymorphism, abstraction and encapsulation.

Angular JS- Angular is released by Google in 2010. It represent full MVC architecture. Angular is geared towards complex Single Page Applications which load asynchronously. Angular encourages the use of advanced JavaScript, TypeScript, which is designed for browser execution.

React JS- React was released by Facebook in 2013. It is not full application framework, it focus on building interactive UIs. It uses a custom JSX templating language which is similar to HTML. React is heavily geared around JavaScript modules and functionality; it also requires packaging and command line tooling as Angular does. Facebook and Instagram are currently built using React.

Laravel- Laravel is a free, open-source PHP web framework developed by Taylor Ottwell that aims to develop a MVC architecture.

Why we use framework?

The web is complicated. You need to have knowledge of HTML, CSS, JavaScript, your back end language And there are security holes everywhere. We would like something to reduce this complexity. There are many expected features not provided by the spec. Many apps need user signup, password reset, authorization, login, transactions etc. We would like to implement them once and reuse them if possible. A framework means even the integration of those implementations is trivial. Writing an app requires many small decisions. Many decisions are arbitrary. For example, how to name you tables, specific routes you choose etc. If the frameworks make those decisions for you it’s very easy to do your project well and success.

Choose your framework and try to design your web application it gives you a different experience.
Thoughts during uncertain time_002
By: Suwaythan Nahaganeshan
Tags: Time, Framework, Explore, Collaboration, Thoughts

Whether hangouts with friends or work-related meetings — worldwide, most social interactions have escaped into the digital world. Some of them being very prolific, some less, some obviously not sufficient and tiring, but some interactions turned out to be simply fine for digital-only. So, I was wondering: why haven´t we tried to switch these interactions to digital sooner, not only for the convenience, but the savings in both time and money. Does it really require a pandemic, which makes physical interactions terribly expensive, for us to make the switch to a more digital world? I think this question may lead to far bigger questions. Let me try to explain.

In general, I see the time of our being is always happening in a certain framework. That framework changes slowly over time; some may not observe or not be incentivized to observe these changes. Since the digital world being the driver of a fundamental framework change over the last decade, I suspect that most people have missed the real innovations to be made here.

Let´s take the idea of a physical book as an example. It is a medium to capture and compress a lot of information into a small physical format that can be distributed widely and affordably. I know that there is more to a book, but I will assume it is (historically) simply a method of information transfer. The emerging digital world changed the framework and the idea has been refined to match. We took the book, digitized it, and sold it in the digital world as an e-book. The reason we have e-books is that we have had physical books. I think this is the part where we miss the most innovative possibilities. Instead of refining old ideas, which limits us in finding solutions, we should explore the new framework more deeply, seek novel and better solutions. The solutions we seek should be normative, driven by needs, and take full advantage of the new framework. For the idea of books, for example, it would be more efficient to organize information in networks rather than linearly. This would be a product of information with interactive components, interconnections, media, links, filter methods, algorithmic suggestions, and answers to the most frequently asked questions. This type of thinking can be applied to concepts from basic e-mails to higher education to fashion shows. There are many ideas that need to be revaluated and executed in the framework of the digital world.

These are my thoughts combined with thoughts from others.

#thoughts #framework #refining #causal #explorative #normative #collaboration
Shutdown to Restart- Reframing the business
By: Navin Maganti
Tags: Enterprise, Business Process, Future Of Work, Framework, Organization

Photo by Bret Kavanaugh on Unsplash

About 60+ days into the lockdown- depending on where you live and work business and governments are opening or getting ready to open. Seems like the shutdown came out of nowhere and lot of time has been spent for organizations on prepping infrastructure & operations to support work from home, setting up policies, procedures to be effective and efficient and trying to adjust . So as result here we are (https://www.linkedin.com/feed/news/most-workers-say-wfh-can-succeed-4842284/)

The restart and road back to the new normal, hybrid work mode will not suddenly appear but rather needs to be planned and executed while acknowledging that there needs to be adjustment along the way. So the question is what could the playbook look like and how will it unfold. The reopening will require a reframing of the business. There are many factors that will feed into this new framework such as risk, health, safety, regulations, resilience , work type, digital, criticality, prioritization, economic impact and more. The framework will broadly need to apply to how work is conducted and specifically how processes across all functions from sales, marketing, manufacturing, distribution, research, information technology, finance & HR etc will need to change.

The framework will need to examine the nature and method of work, new regulations that may apply, the organization of work space, how it should be used, who comes work combined with health and safety checks from temperature checks to testing. This leads into work type — physical, knowledge based, high touch, low touch etc. leading into what work can and should be performed remotely, work that can be automated/digitized and scaled securely while maintaining for collaboration and effectiveness. Within each function, there is an opportunity and need to rethink all business processes of the organization across the board.

Some examples that come to mind, sales and marketing processes have become more online & remote than ever. In an environment where travel will be drastically reduced or localized, the process can be redesigned with more of customer pull while integrating digital influence, relationship building and engagement into it. Another example that comes to fore front is supply chain processes will need to redesigned from more of risk and resilency perspective, which means manufacturing and distribution lines will need to be realigned for health and safety along with production schedules. The other addition is ensuring supply chains can be brought on and off line to accomodate for health and political considerations. If work from home is a new reality that talent evaluation, acquisition and management probably will need to reorganized around talent and less around proximity to work location as a pre-requsite for employment.

As this new framework comes into play, it is important to consider changes required for reopening day one, to changes that will evolve and become a permanent fixture in the new organization.
Getting started with Moqui.
By: Janvi Talreja
Tags: Framework, Software Development, Getting Started, Moqui

Let me first introduce myself. I am Janvi Talreja, Software Engineer at HotWax Systems, Indore, and completed B.Tech in CSE from SKITM, Indore.

I have been learning Moqui for quite some time, and in my journey of learning, I did learn a lot of things and also got stuck a lot of times. Hence, I decided to share my experience with everyone. I hope this blog helps people who are looking forward to learning Moqui framework.

What is Moqui framework?

Moqui framework is an all-in-one, enterprise-ready application framework based on Groovy and Java.

You can read more about Moqui on the official website.

I have also shared a post on LinkedIn about Moqui. Read the post here.

Setting up Moqui Framework on our system.

Lets’s start with setting up Moqui on our system.

Step 1: You should have git installed on your system.

Read more about installing git here.

Step 2: You should have Java 8 installed on your system.

Checking the git and Java versions.

Step 3: Create a directory named sandbox in your home folder or wherever you want. Then change your directory to this newly created directory.

mkdir sandbox

cd sandbox

Step 4: Clone the Moqui framework repository in the sandbox directory.

git clone -b master https://github.com/moqui/moqui-framework.git

Creating the sandbox directory and cloning the moqui-framework in the sandbox directory.

Step 5: Navigate to the moqui-framework directory and add the runtime component.

cd moqui-framework

./gradlew getRuntime

Adding the runtime component in moqui-framework directory.

Step 6: Run the application.

./gradlew run

Step 7: Go to localhost:8080 and you will see this screen.

The login screen.

You can click on Test Login and login to explore further.

I hope this helps you in setting up Moqui. Please feel free to share your suggestions and doubts in the comments.

Thank you!

Connect with me on LinkedIn!