sashaafm

sashaafm

Phoenix Blog Posts

How to use the blogs section

You can post links to your blog posts either in one of the Official Blog Posts threads (like this one), or, via Devtalk.com. If you post via Devtalk we will automatically cross-post your blog post here in our Blog Posts section for each blog post (so one thread for each blog post) so long as you have an account with the same username and primary email address on both forums. We also remove the rel-nofollow attribute when your link appears on our homepage on Devtalk, so great for your SEO! :wink:

If posting via Devtalk be sure to:

  • Ensure your account on Devtalk.com has the same username and primary email as your account here
  • Initiate thread creation in one of the Blog Posts sections (for Elixir/Phoenix that may be in the Back End category, or for LiveView it could be the Front End category).
  • On thread creation paste the URL of your blog post in the TITLE field (once the URL appears in the body field below you can then change the title to whatever you like)
  • Include a short summary of your blog post then post the link on a separate line (here’s an example)
  • Include the Elixir and blog-post tags (as well as Phoenix, Nerves, LiveView etc if applicable)

It will then create a thread on Devtalk and then automatically cross-post here under your account :003:

Edit: Please note you will need to be at TL1 over at Devtalk (usually takes about 15 minutes of browsing) for the link being pasted in the title bar to work - however if you PM @astonj he’ll manually bump you up to TL1 :023:

Please see this announcement for the full details: Calling all BEAM Bloggers!

:nerd_face:

296 24413 130

Most Liked

keathley

keathley

I wrote a post on the difference between the web and lib directories in a Phoenix app: http://keathley.io/elixir/phoenix/2016/01/14/phoenix-directories.html

ErikCH

ErikCH

I wrote a blog post with Ember and Phoenix . I’m still learning

Phoenix Ember Guide

alvises

alvises

Add a Progress Bar in the Phoenix File Upload app

phoenix_jquery_progressbar

in the previous articles we’ve seen how to build a small Phoenix app that processes user uploads, creating thumbnails for images and PDFs.

The problem with the current app is that nothing is shown during the upload, which is maybe ok while testing the app in localhost (the upload was fast also with big files). But in the real world an upload could last minutes.. or even hours.

So in this part we focus on the front-end and see how to use JavaScript to upload a file while animating a progress bar.

At first we see how to add jQuery to our Phoenix app and using it in our JavaScript files. We then see how to use jQuery to upload a file and listen to progress events to update an HTML5 progress bar.

nico_amsterdam

nico_amsterdam

Found this blog. Find it interesting:

Where Next?

Popular in Blog Posts Top

axelson
I describe how we use Hot Reloading with Webpack to develop faster and show how to integrate Webpack 5, webpack-dev-server, and Phoenix f...
New
brainlid
Building a LiveView powered chat app is easier than ever when using Streams! Sophie DeBenedetto shows us how in this article. She createa...
New
brainlid
You are storing some Phoenix LiveView state in the browser. You want to retrieve that saved state as early as possible to improve the use...
New
mudasobwa
Wrote some rant on Business Process Driven Development with Finite Automata (and Finitomata library in particular.)
New
axelson
I talk about how I really like to use runtime configuration and discuss some common pitfalls of configuration in Elixir.
New
aymanosman
The desire to produce structured logs is common. In this article, I will survey the major approaches one could take to achieve this goal ...
New
AstonJ
Update: How to use the blogs section You can post in one of the Official Blog Posts threads (like this one), or, via Devtalk and a new t...
New
szajbus
Monaco is state-of-the-art browser-based code editor that powers VS Code. Let’s see how to integrate it with Phoenix LiveView using esbuild.
New
AstonJ
Elixir Blog Posts How to use this section You can post links to your blog posts either in one of the Official Blog Posts threads, or, vi...
New
gaggle
This post explores different ways to do test automation in Elixir, focusing on how to handle dependency injection — covering patterns, li...
New

Other popular topics Top

yurko
Here are few pieces of (common) Linux knowledge that we use for reasonably small one server apps. We use Ubuntu but this should work for ...
New
Tee
can someone please explain to me how Enum.reduce works with maps
New
lessless
I believe there are people here who are dealing with CSV files import on the daily basis, and since Excel is a really popular tool there ...
New
yawaramin
In the Dialyzer docs ( http://erlang.org/doc/man/dialyzer.html#requesting-or-suppressing-warnings-in-source-files ), there is a way to tu...
New
joaquinalcerro
Hi there, I am working with Ecto-Postgresql and I need to call all of the records from a specific table but the table has 40,000 record...
New
stefanluptak
Hello everybody, usually, I use a 29" ultra-wide monitor for VSCode which can easily accomodate explorer (files panel) + file with code ...
New
johnnyicon
Hi all, I've just started learning Elixir and Phoenix Framework, so please pardon my n00bness at this stage. I'm trying to use Postg...
New
josevalim
Hi everyone, One of the features added to Elixir early on to help integration with Erlang code was the idea of overridable function defi...
New
vrod
I am using the Starship cross-shell prompt – it seems pretty nice, but I get some errors: [WARN] - (starship::utils): Executing command ...
New
lanycrost
Hi everyone! I need implement if…else if…else condition from my elixir code, and anymore of this control flow structures not work proper...
New

We're in Beta

About us Mission Statement