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

brainlid
Phoenix 1.7.0 brings a lot of new things when we run mix phx.gen my_app. These new and cool ways of doing things aren’t automatically bro...
New
lawik
We all have varying degrees of exposure to Big Tech. Some of it seems fine, stable and can be relied on. Some of it feels like shifting s...
New
fredwu
Hi folks, I wrote a blog post the other day on how I built my MVP in 3 months whilst having a day job, using Elixir/Phoenix/LiveView. Th...
New
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
New
JEG2
I’m closing out, for now, my series on questions at the heart of development with an analysis of when we need more abstraction. For exam...
New
jordiee
https://medium.com/@jpiepkow/team-based-login-with-accesspass-be236d4bd7dd
New
tmartin8080
Sharing some articles I’ve written recently while working in Elixir. Some are how-to guides and others for reference. Will update this ...
New
PragTob
Elixir is a great language, but some behavior can be unintuitive, confusing and in the worst case lead to bugs. So, I took a look at 10 E...
New
SmartLogic
Season four of the Elixir Wizards podcast launches today! This season we’re focused on system and application architecture. We’ll be doin...
New

Other popular topics Top

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
JDanielMartinez
Hi! May someone helps me, please! I have two apps into an umbrella project: the first one is Database, which manages queries, and the se...
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
Brian
What is the proper way to load a module from a file in to IEX? In the python world, doing something like this pretty standard: from ....
New
chrismccord
Phoenix 1.4.0 released Phoenix 1.4 is out! This release ships with exciting new features, most notably with HTTP2 support, improved deve...
688 30048 115
New
sergio_101
I am VERY much an elixir newbie. I have taken one elixir course and one phoenix course on Udemy. During that course, I saw the instructor...
New
aadeshere1
I have a another noob question about loop. Since elixir is immutable, while loop is not directly possible. total = 10 while total != 0 ...
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
baxterw3b
Hi guys, i’m new in the Elixir world, and i have to say, that i love it! i’m having some problem to understand anonymous functions with ...
New
Fl4m3Ph03n1x
About me? ( if you have nothing better to do than reading about some random guy in the internet :stuck_out_tongue: ) Hello all, this is ...
New

We're in Beta

About us Mission Statement